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

Changeset 2498


Ignore:
Timestamp:
Apr 6, 2007, 10:25:54 PM (13 years ago)
Author:
nakagawa
Message:

テンプレート編集

Location:
OpenPNE/branches/prj_css2
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • OpenPNE/branches/prj_css2/public_html/css/prj_css.css

    r2421 r2498  
    1111img , a {
    1212        border: none 0px ;
     13}
     14
     15li {
     16        list-style: none ;
    1317}
    1418
     
    7074img.icon {}
    7175
     76/********************/
     77/*コンテナの共通項目*/
     78
     79div.pne_container {
     80        width: 720px ;
     81        background-color: #E9EAF0 ;
     82}
     83
    7284/**********************/
    7385/*ページヘッダコンテナ*/
     
    7587#page_header_after {
    7688        position: relative;
    77         width: 720px;/*720px*/
     89        width: 720px;
    7890        height: 96px;
    7991        background: #E9EAF0 url(../skin_prj_css/skin_page_header.jpg) 0 0 no-repeat;
    8092}
    8193
    82 /*page_header内のaタグをレイヤー状に扱う為の共通設定*/
    83 
    84 #page_header_after div.pne_content ,
    85 #page_header_after a.pne_content {
    86         display: block ;
    87         position: absolute ;
    88 }
    89 
    90 #page_header_after a img {
    91         width: 100% ;
    92 }
    93 
    9494/*ページヘッダ見出し位置情報*/
    9595
     96#page_header_before div.pne_page_header_header ,
     97#page_header_before div.pne_page_header_header * ,
    9698#page_header_after div.pne_page_header_header ,
    9799#page_header_after div.pne_page_header_header * {
     
    101103/*バナー画像の位置情報*/
    102104
    103 #page_header_after .pne_page_header_banner {
     105#page_header_before div.pne_page_header_banner ,
     106#page_header_after div.pne_page_header_banner {
     107        position: absolute ;
    104108        left: 247px ;
    105109        top: 5px ;
     
    109113}
    110114
    111 #page_header_after .pne_page_header_banner img {
     115#page_header_before div.pne_page_header_banner img ,
     116#page_header_after div.pne_page_header_banner img {
    112117        width: 468px ;
    113118        height: 60px ;
     
    116121/*ロゴに貼るアンカーの位置情報*/
    117122
    118 #page_header_after .pne_page_header_logo_home {
     123#page_header_before div.pne_page_header_logo_home ,
     124#page_header_after div.pne_page_header_logo_home {
     125        position: absolute ;
    119126        left: 0px ;
    120127        top: 5px ;
     
    124131}
    125132
    126 #page_header_after .pne_page_header_logo_home img {
     133#page_header_before div.pne_page_header_logo_home img ,
     134#page_header_after div.pne_page_header_logo_home img {
    127135        height: 60px;
    128136}
     
    130138/*** メインボタン共通の位置情報 ***/
    131139
    132 #page_header_after a.pne_page_header_global_navigation_1 ,
    133 #page_header_after a.pne_page_header_global_navigation_2 ,
    134 #page_header_after a.pne_page_header_global_navigation_3 ,
    135 #page_header_after a.pne_page_header_global_navigation_4 ,
    136 #page_header_after a.pne_page_header_global_navigation_5 ,
    137 #page_header_after a.pne_page_header_global_navigation_6 ,
    138 #page_header_after a.pne_page_header_global_navigation_7 ,
    139 #page_header_after a.pne_page_header_global_navigation_8 ,
    140 #page_header_after a.pne_page_header_global_navigation_9 {
     140#page_header_after div.pne_page_header_global_navigation {
     141        position: absolute ;
     142        top: 0 ;
     143        left: 0 ;
     144        height: 96px ;
     145        width: 720px ;
     146        top: 0 ;
     147        z-index: 10 ;
     148}
     149
     150#page_header_after ul {
     151        position: relative ;
     152        top: 0 ;
     153        left: 0 ;
     154        margin: 0 ;
     155        padding: 0 ;
     156        width: 720px ;
     157        height: 96px ;
     158        top: 0 ;
     159        z-index: 15 ;
     160}
     161
     162#page_header_after li {
     163        display: block ;
     164        position: absolute ;
     165        top: 70px ;
     166        margin: 0 ;
     167        padding: 0 ;
     168        width: 72px ;
    141169        height: 20px ;
     170}
     171
     172#page_header_after li a ,
     173#page_header_after li a img {
     174        display: block ;
    142175        width: 72px ;
    143         top: 70px ;
    144 }
    145 
    146 #page_header_after a.pne_page_header_global_navigation_1 img ,
    147 #page_header_after a.pne_page_header_global_navigation_2 img ,
    148 #page_header_after a.pne_page_header_global_navigation_3 img ,
    149 #page_header_after a.pne_page_header_global_navigation_4 img ,
    150 #page_header_after a.pne_page_header_global_navigation_5 img ,
    151 #page_header_after a.pne_page_header_global_navigation_6 img ,
    152 #page_header_after a.pne_page_header_global_navigation_7 img ,
    153 #page_header_after a.pne_page_header_global_navigation_8 img ,
    154 #page_header_after a.pne_page_header_global_navigation_9 img {
    155176        height: 20px ;
    156177}
     
    158179/*マイホームボタンの位置情報*/
    159180
    160 #page_header_after a.pne_page_header_global_navigation_4 {
     181#page_header_after li.pne_page_header_global_navigation_4 {
    161182        left: 288px ;
    162         z-index: 10 ;
    163 }
    164 
    165 #page_header_after a.pne_page_header_global_navigation_4:active ,
    166 #page_header_after a.pne_page_header_global_navigation_4:hover {
     183        z-index: 20 ;
     184}
     185
     186#page_header_after li.pne_page_header_global_navigation_4 a:active ,
     187#page_header_after li.pne_page_header_global_navigation_4 a:hover {
    167188        background: url(../skin_prj_css/skin_page_header_ro.jpg) -288px -70px no-repeat ;
    168189}
     
    170191/*友人招待の位置情報*/
    171192
    172 #page_header_after a.pne_page_header_global_navigation_5 {
     193#page_header_after li.pne_page_header_global_navigation_5 {
    173194        left: 360px ;
    174         z-index: 20 ;
    175 }
    176 
    177 #page_header_after a.pne_page_header_global_navigation_5:active ,
    178 #page_header_after a.pne_page_header_global_navigation_5:hover {
     195        z-index: 30 ;
     196}
     197
     198#page_header_after li.pne_page_header_global_navigation_5 a:active ,
     199#page_header_after li.pne_page_header_global_navigation_5 a:hover {
    179200        background: url(../skin_prj_css/skin_page_header_ro.jpg) -360px -70px no-repeat ;
    180201}
     
    182203/*新着日記一覧の位置情報*/
    183204
    184 #page_header_after a.pne_page_header_global_navigation_6 {
     205#page_header_after li.pne_page_header_global_navigation_6 {
    185206        left: 432px ;
    186         z-index: 30 ;
    187 }
    188 
    189 #page_header_after a.pne_page_header_global_navigation_6:active ,
    190 #page_header_after a.pne_page_header_global_navigation_6:hover {
     207        z-index: 40 ;
     208}
     209
     210#page_header_after li.pne_page_header_global_navigation_6 a:active ,
     211#page_header_after li.pne_page_header_global_navigation_6 a:hover {
    191212        background: url(../skin_prj_css/skin_page_header_ro.jpg) -432px -70px no-repeat ;
    192213}
     
    194215/*ランキングの位置情報*/
    195216
    196 #page_header_after a.pne_page_header_global_navigation_7 {
     217#page_header_after li.pne_page_header_global_navigation_7 {
    197218        left: 504px ;
    198         z-index: 40 ;
    199 }
    200 
    201 #page_header_after a.pne_page_header_global_navigation_7:active ,
    202 #page_header_after a.pne_page_header_global_navigation_7:hover {
     219        z-index: 50 ;
     220}
     221
     222#page_header_after li.pne_page_header_global_navigation_7 a:active ,
     223#page_header_after li.pne_page_header_global_navigation_7 a:hover {
    203224        background: url(../skin_prj_css/skin_page_header_ro.jpg) -504px -70px no-repeat ;
    204225}
     
    206227/*設定変更ボタンの位置情報*/
    207228
    208 #page_header_after a.pne_page_header_global_navigation_8 {
     229#page_header_after li.pne_page_header_global_navigation_8 {
    209230        left: 576px ;
    210         z-index: 50 ;
    211 }
    212 
    213 #page_header_after a.pne_page_header_global_navigation_8:active ,
    214 #page_header_after a.pne_page_header_global_navigation_8:hover {
     231        z-index: 60 ;
     232}
     233
     234#page_header_after li.pne_page_header_global_navigation_8 a:active ,
     235#page_header_after li.pne_page_header_global_navigation_8 a:hover {
    215236        background: url(../skin_prj_css/skin_page_header_ro.jpg) -576px -70px no-repeat ;
    216237}
     
    218239/*ログアウトボタンの位置情報*/
    219240
    220 #page_header_after a.pne_page_header_global_navigation_9 {
     241#page_header_after li.pne_page_header_global_navigation_9 {
    221242        left: 648px ;
    222         z-index: 60 ;
    223 }
    224 
    225 #page_header_after a.pne_page_header_global_navigation_9:active ,
    226 #page_header_after a.pne_page_header_global_navigation_9:hover {
     243        z-index: 70 ;
     244}
     245
     246#page_header_after li.pne_page_header_global_navigation_9 a:active ,
     247#page_header_after li.pne_page_header_global_navigation_9 a:hover {
    227248        background: url(../skin_prj_css/skin_page_header_ro.jpg) -648px -70px no-repeat ;
    228249}
     
    230251/*フレンド検索の位置情報(検索メニュー)*/
    231252
    232 #page_header_after a.pne_page_header_global_navigation_1 {
     253#page_header_after li.pne_page_header_global_navigation_1 {
    233254        width: 90px ;
    234255        left: 0 ;
    235         z-index: 70 ;
    236 }
    237 
    238 #page_header_after a.pne_page_header_global_navigation_1:active ,
    239 #page_header_after a.pne_page_header_global_navigation_1:hover {
     256        z-index: 80 ;
     257}
     258
     259#page_header_after li.pne_page_header_global_navigation_1 a {
     260        width: 90px ;
     261}
     262
     263#page_header_after li.pne_page_header_global_navigation_1 a:active ,
     264#page_header_after li.pne_page_header_global_navigation_1 a:hover {
    240265        background: url(../skin_prj_css/skin_page_header_ro.jpg) 0 -70px no-repeat ;
    241266}
     
    243268/*コミュニティ検索の位置情報(検索メニュー)*/
    244269
    245 #page_header_after a.pne_page_header_global_navigation_2 {
     270#page_header_after li.pne_page_header_global_navigation_2 {
    246271        width: 90px ;
    247272        left: 90px ;
    248         z-index: 80 ;
    249 }
    250 
    251 #page_header_after a.pne_page_header_global_navigation_2:active ,
    252 #page_header_after a.pne_page_header_global_navigation_2:hover {
     273        z-index: 90 ;
     274}
     275
     276#page_header_after li.pne_page_header_global_navigation_2 a {
     277        width: 90px ;
     278}
     279
     280#page_header_after li.pne_page_header_global_navigation_2 a:active ,
     281#page_header_after li.pne_page_header_global_navigation_2 a:hover {
    253282        background: url(../skin_prj_css/skin_page_header_ro.jpg) -90px -70px no-repeat ;
    254283}
     
    256285/*レビュー検索の位置情報(検索メニュー)*/
    257286
    258 #page_header_after a.pne_page_header_global_navigation_3 {
     287#page_header_after li.pne_page_header_global_navigation_3 {
    259288        width: 90px ;
    260289        left: 180px ;
    261         z-index: 90 ;
    262 }
    263 
    264 #page_header_after a.pne_page_header_global_navigation_3:active ,
    265 #page_header_after a.pne_page_header_global_navigation_3:hover {
     290        z-index: 100 ;
     291}
     292
     293#page_header_after li.pne_page_header_global_navigation_3 a {
     294        width: 90px ;
     295}
     296
     297#page_header_after li.pne_page_header_global_navigation_3 a:active ,
     298#page_header_after li.pne_page_header_global_navigation_3 a:hover {
    266299        background: url(../skin_prj_css/skin_page_header_ro.jpg) -180px -70px no-repeat ;
    267300}
    268301
    269 /**************************/
    270 /*ページフッタコンテナ*/
    271 
    272 div.pne_container_page_footer {
    273         width: 720px ;/*720px*/
    274         height: 21px ;
    275         background: #E9EAF0 url(../skin_prj_css/skin_page_footer.gif) 0 0 no-repeat ;
    276 }
    277 
    278 div.pne_container_page_footer h1 {
    279         display: none ;
    280 }
    281 
    282 div.pne_container_page_footer_body {
    283         text-align: right ;
    284         padding-top: 4px ;
    285         padding-right: 5px ;
    286 }
    287 
    288 /**************************/
    289 /*ナビゲーションコンテナ*/
    290 
    291 div.pne_container_navigation_bar {
    292         width: 720px ;/*720px*/
     302/********************************/
     303/*ローカルナビゲーションコンテナ*/
     304
     305#navigation_bar {
     306        position: relative;
     307        width: 720px;
    293308        height: 29px ;
    294309}
    295310
    296 div.pne_container_navigation_bar h1 {
    297         display: none ;
    298 }
    299 
    300 div.pne_container_navigation_bar_body {
    301         position: relative ;
    302         width: 720px ;/*720px*/
    303         height: 29px ;
     311/*ローカルナビゲーション見出し位置情報*/
     312
     313#navigation_bar div.pne_page_header_header ,
     314#navigation_bar div.pne_page_header_header * {
     315        display: none;
    304316}
    305317
    306318/***共通設定***/
    307319
    308 div.pne_container_navigation_bar_body a {
     320#navigation_bar il {
    309321        display: block ;
    310322        position: absolute ;
     
    315327/**/
    316328
    317 div.pne_container_navigation_bar_body a img {
     329#navigation_bar il img {
    318330        display: block ;
    319331        width: 100% ;
     
    323335/** h系ボタン共通設定 **/
    324336
    325 div.pne_container_navigation_bar div.type_h {
     337#navigation_bar div.pne_navigation_bar_type_h {
     338        display: block ;
     339        position: absolute ;
     340        top: 0 ;
     341        width: 720px;
     342        height: 29px ;
    326343        background: #E9EAF0 url(../skin_prj_css/skin_navi_h.gif) 0 0 no-repeat ;
    327 }
    328 
    329 div.pne_container_navigation_bar div.type_h a {
    330 }
    331 
    332 div.pne_container_navigation_bar div.type_h a.pne_navi_h_1 {
     344        z-index: 10 ;
     345}
     346
     347#navigation_bar div.pne_navigation_bar_type_h ul {
     348        display: block ;
     349        position: relative ;
     350        top: 0 ;
     351        margin: 0 ;
     352        padding: 0 ;
     353        width: 720px;
     354        height: 29px ;
     355        z-index: 15 ;
     356}
     357
     358#navigation_bar div.pne_navigation_bar_type_h li {
     359        display: block ;
     360        position: absolute ;
     361        top: 0 ;
     362        margin: 0 ;
     363        padding: 0 ;
     364        width: 80px ;
     365        height: 29px ;
     366}
     367
     368#navigation_bar div.pne_navigation_bar_type_h li a {
     369        display: block ;
     370        width: 80px ;
     371        height: 29px ;
     372}
     373
     374/*マイホームの位置情報*/
     375
     376#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_1 {
    333377        left: 0px ;
    334         width: 80px ;
    335         z-index: 10 ;
    336 }
    337 
    338 div.pne_container_navigation_bar div.type_h a.pne_navi_h_1:active ,
    339 div.pne_container_navigation_bar div.type_h a.pne_navi_h_1:hover {
     378        z-index: 20 ;
     379}
     380
     381#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_1 a:active ,
     382#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_1 a:hover {
    340383        background: url(../skin_prj_css/skin_navi_h_ro.jpg) 0 0 no-repeat ;
    341384}
    342385
    343 div.pne_container_navigation_bar div.type_h a.pne_navi_h_2 {
     386/*フレンド一覧の位置情報*/
     387
     388#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_2 {
    344389        left: 80px ;
    345         width: 80px ;
    346         z-index: 20 ;
    347 }
    348 
    349 div.pne_container_navigation_bar div.type_h a.pne_navi_h_2:active ,
    350 div.pne_container_navigation_bar div.type_h a.pne_navi_h_2:hover {
     390        z-index: 30 ;
     391}
     392
     393#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_2 a:active ,
     394#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_2 a:hover {
    351395        background: url(../skin_prj_css/skin_navi_h_ro.jpg) -80px 0 no-repeat ;
    352396}
    353397
    354 div.pne_container_navigation_bar div.type_h a.pne_navi_h_3 {
     398/*日記の位置情報*/
     399
     400#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_3 {
    355401        left: 160px ;
    356         width: 80px ;
    357         z-index: 30 ;
    358 }
    359 
    360 div.pne_container_navigation_bar div.type_h a.pne_navi_h_3:active ,
    361 div.pne_container_navigation_bar div.type_h a.pne_navi_h_3:hover {
     402        z-index: 40 ;
     403}
     404
     405#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_3 a:active ,
     406#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_3 a:hover {
    362407        background: url(../skin_prj_css/skin_navi_h_ro.jpg) -160px 0 no-repeat ;
    363408}
    364409
    365 div.pne_container_navigation_bar div.type_h a.pne_navi_h_4 {
     410/*メッセージの位置情報*/
     411
     412#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_4 {
    366413        left: 240px ;
    367         width: 80px ;
    368         z-index: 40 ;
    369 }
    370 
    371 div.pne_container_navigation_bar div.type_h a.pne_navi_h_4:active ,
    372 div.pne_container_navigation_bar div.type_h a.pne_navi_h_4:hover {
     414        z-index: 50 ;
     415}
     416
     417#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_4 a:active ,
     418#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_4 a:hover {
    373419        background: url(../skin_prj_css/skin_navi_h_ro.jpg) -240px 0 no-repeat ;
    374420}
    375421
    376 div.pne_container_navigation_bar div.type_h a.pne_navi_h_5 {
     422/*あしあとの位置情報*/
     423
     424#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_5 {
    377425        left: 320px ;
    378         width: 80px ;
     426        z-index: 60 ;
     427}
     428
     429#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_5 a:active ,
     430#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_5 a:hover {
     431        background: url(../skin_prj_css/skin_navi_h_ro.jpg) -320px 0 no-repeat ;
     432}
     433
     434/*お気に入りの位置情報*/
     435
     436#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_6 {
     437        left: 400px ;
    379438        z-index: 70 ;
    380439}
    381440
    382 div.pne_container_navigation_bar div.type_h a.pne_navi_h_5:active ,
    383 div.pne_container_navigation_bar div.type_h a.pne_navi_h_5:hover {
    384         background: url(../skin_prj_css/skin_navi_h_ro.jpg) -320px 0 no-repeat ;
    385 }
    386 
    387 div.pne_container_navigation_bar div.type_h a.pne_navi_h_6 {
    388         left: 400px ;
    389         width: 80px ;
    390         z-index: 60 ;
    391 }
    392 
    393 div.pne_container_navigation_bar div.type_h a.pne_navi_h_6:active ,
    394 div.pne_container_navigation_bar div.type_h a.pne_navi_h_6:hover {
     441#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_6 a:active ,
     442#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_6 a:hover {
    395443        background: url(../skin_prj_css/skin_navi_h_ro.jpg) -400px 0 no-repeat ;
    396444}
    397445
    398 
    399 div.pne_container_navigation_bar div.type_h a.pne_navi_h_7 {
     446/*マイレビューの位置情報*/
     447
     448#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_7 {
    400449        left: 480px ;
    401         width: 80px ;
    402         z-index: 50 ;
    403 }
    404 
    405 div.pne_container_navigation_bar div.type_h a.pne_navi_h_7:active ,
    406 div.pne_container_navigation_bar div.type_h a.pne_navi_h_7:hover {
     450        z-index: 80 ;
     451}
     452
     453#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_7 a:active ,
     454#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_7 a:hover {
    407455        background: url(../skin_prj_css/skin_navi_h_ro.jpg) -480px 0 no-repeat ;
    408456}
    409457
    410 div.pne_container_navigation_bar div.type_h a.pne_navi_h_8 {
     458/*マイページ確認の位置情報*/
     459
     460#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_8 {
    411461        left: 560px ;
    412         width: 80px ;
    413         z-index: 80 ;
    414 }
    415 
    416 div.pne_container_navigation_bar div.type_h a.pne_navi_h_8:active ,
    417 div.pne_container_navigation_bar div.type_h a.pne_navi_h_8:hover {
     462        z-index: 90 ;
     463}
     464
     465#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_8 a:active ,
     466#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_8 a:hover {
    418467        background: url(../skin_prj_css/skin_navi_h_ro.jpg) -560px 0 no-repeat ;
    419468}
    420469
    421 div.pne_container_navigation_bar div.type_h a.pne_navi_h_9 {
     470/*プロフィール変更の位置情報*/
     471
     472#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_9 {
    422473        left: 640px ;
    423         width: 80px ;
    424         z-index: 90 ;
    425 }
    426 
    427 div.pne_container_navigation_bar div.type_h a.pne_navi_h_9:active ,
    428 div.pne_container_navigation_bar div.type_h a.pne_navi_h_9:hover {
     474        z-index: 100 ;
     475}
     476
     477#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_9 a:active ,
     478#navigation_bar div.pne_navigation_bar_type_h li.pne_navigation_bar_type_h_9 a:hover {
    429479        background: url(../skin_prj_css/skin_navi_h_ro.jpg) -640px 0 no-repeat ;
    430 }
    431 
    432 /** f系ボタン共通設定 **/
    433 
    434 div.pne_container_navigation_bar div.type_f {
    435         background: #E9EAF0 url(../skin_prj_css/skin_navi_f.gif) 0 0 no-repeat ;
    436 }
    437 
    438 div.pne_container_navigation_bar div.type_f a {
    439 }
    440 
    441 div.pne_container_navigation_bar div.type_f a.pne_navi_f_1 {
    442         left: 0px ;
    443         width: 80px ;
    444         z-index: 10 ;
    445 }
    446 
    447 div.pne_container_navigation_bar div.type_f a.pne_navi_f_1:active ,
    448 div.pne_container_navigation_bar div.type_f a.pne_navi_f_1:hover {
    449         background: url(../skin_prj_css/skin_navi_f_ro.jpg) 0 0 no-repeat ;
    450 }
    451 
    452 div.pne_container_navigation_bar div.type_f a.pne_navi_f_2 {
    453         left: 80px ;
    454         width: 80px ;
    455         z-index: 20 ;
    456 }
    457 
    458 div.pne_container_navigation_bar div.type_f a.pne_navi_f_2:active ,
    459 div.pne_container_navigation_bar div.type_f a.pne_navi_f_2:hover {
    460         background: url(../skin_prj_css/skin_navi_f_ro.jpg) -80px 0 no-repeat ;
    461 }
    462 
    463 div.pne_container_navigation_bar div.type_f a.pne_navi_f_3 {
    464         left: 160px ;
    465         width: 80px ;
    466         z-index: 30 ;
    467 }
    468 
    469 div.pne_container_navigation_bar div.type_f a.pne_navi_f_3:active ,
    470 div.pne_container_navigation_bar div.type_f a.pne_navi_f_3:hover {
    471         background: url(../skin_prj_css/skin_navi_f_ro.jpg) -160px 0 no-repeat ;
    472 }
    473 
    474 div.pne_container_navigation_bar div.type_f a.pne_navi_f_4 {
    475         left: 240px ;
    476         width: 80px ;
    477         z-index: 40 ;
    478 }
    479 
    480 div.pne_container_navigation_bar div.type_f a.pne_navi_f_4:active ,
    481 div.pne_container_navigation_bar div.type_f a.pne_navi_f_4:hover {
    482         background: url(../skin_prj_css/skin_navi_f_ro.jpg) -240px 0 no-repeat ;
    483 }
    484 
    485 div.pne_container_navigation_bar div.type_f a.pne_navi_f_5 {
    486         left: 320px ;
    487         width: 80px ;
    488         z-index: 70 ;
    489 }
    490 
    491 div.pne_container_navigation_bar div.type_f a.pne_navi_f_5:active ,
    492 div.pne_container_navigation_bar div.type_f a.pne_navi_f_5:hover {
    493         background: url(../skin_prj_css/skin_navi_f_ro.jpg) -320px 0 no-repeat ;
    494 }
    495 
    496 div.pne_container_navigation_bar div.type_f a.pne_navi_f_6 {
    497         left: 400px ;
    498         width: 80px ;
    499         z-index: 60 ;
    500 }
    501 
    502 div.pne_container_navigation_bar div.type_f a.pne_navi_f_6:active ,
    503 div.pne_container_navigation_bar div.type_f a.pne_navi_f_6:hover {
    504         background: url(../skin_prj_css/skin_navi_f_ro.jpg) -400px 0 no-repeat ;
    505 }
    506 
    507 
    508 div.pne_container_navigation_bar div.type_f a.pne_navi_f_7 {
    509         left: 480px ;
    510         width: 80px ;
    511         z-index: 50 ;
    512 }
    513 
    514 div.pne_container_navigation_bar div.type_f a.pne_navi_f_7:active ,
    515 div.pne_container_navigation_bar div.type_f a.pne_navi_f_7:hover {
    516         background: url(../skin_prj_css/skin_navi_f_ro.jpg) -480px 0 no-repeat ;
    517 }
    518 
    519 div.pne_container_navigation_bar div.type_f a.pne_navi_f_8 {
    520         left: 560px ;
    521         width: 80px ;
    522         z-index: 80 ;
    523 }
    524 
    525 div.pne_container_navigation_bar div.type_f a.pne_navi_f_8:active ,
    526 div.pne_container_navigation_bar div.type_f a.pne_navi_f_8:hover {
    527         background: url(../skin_prj_css/skin_navi_f_ro.jpg) -560px 0 no-repeat ;
    528 }
    529 
    530 div.pne_container_navigation_bar div.type_f a.pne_navi_f_9 {
    531         left: 640px ;
    532         width: 80px ;
    533         z-index: 90 ;
    534 }
    535 
    536 div.pne_container_navigation_bar div.type_f a.pne_navi_f_9:active ,
    537 div.pne_container_navigation_bar div.type_f a.pne_navi_f_9:hover {
    538         background: url(../skin_prj_css/skin_navi_f_ro.jpg) -640px 0 no-repeat ;
    539 }
    540 
    541 /** c系ボタン共通設定 **/
    542 
    543 div.pne_container_navigation_bar div.type_c {
    544         background: #E9EAF0 url(../skin_prj_css/skin_navi_c.gif) 0 0 no-repeat ;
    545 }
    546 
    547 div.pne_container_navigation_bar div.type_c a {
    548 }
    549 
    550 div.pne_container_navigation_bar div.type_c a.pne_navi_c_1 {
    551         left: 0px ;
    552         width: 120px ;
    553         z-index: 10 ;
    554 }
    555 
    556 div.pne_container_navigation_bar div.type_c a.pne_navi_c_1:active ,
    557 div.pne_container_navigation_bar div.type_c a.pne_navi_c_1:hover {
    558         background: url(../skin_prj_css/skin_navi_c_ro.jpg) 0 0 no-repeat ;
    559 }
    560 
    561 div.pne_container_navigation_bar div.type_c a.pne_navi_c_2 {
    562         left: 120px ;
    563         width: 120px ;
    564         z-index: 20 ;
    565 }
    566 
    567 div.pne_container_navigation_bar div.type_c a.pne_navi_c_2:active ,
    568 div.pne_container_navigation_bar div.type_c a.pne_navi_c_2:hover {
    569         background: url(../skin_prj_css/skin_navi_c_ro.jpg) -120px 0 no-repeat ;
    570 }
    571 
    572 div.pne_container_navigation_bar div.type_c a.pne_navi_c_3 {
    573         left: 240px ;
    574         width: 120px ;
    575         z-index: 30 ;
    576 }
    577 
    578 div.pne_container_navigation_bar div.type_c a.pne_navi_c_3:active ,
    579 div.pne_container_navigation_bar div.type_c a.pne_navi_c_3:hover {
    580         background: url(../skin_prj_css/skin_navi_c_ro.jpg) -240px 0 no-repeat ;
    581 }
    582 
    583 div.pne_container_navigation_bar div.type_c a.pne_navi_c_4 {
    584         left: 360px ;
    585         width: 120px ;
    586         z-index: 40 ;
    587 }
    588 
    589 div.pne_container_navigation_bar div.type_c a.pne_navi_c_4:active ,
    590 div.pne_container_navigation_bar div.type_c a.pne_navi_c_4:hover {
    591         background: url(../skin_prj_css/skin_navi_c_ro.jpg) -360px 0 no-repeat ;
    592 }
    593 
    594 div.pne_container_navigation_bar div.type_c a.pne_navi_c_5 {
    595         left: 480px ;
    596         width: 120px ;
    597         z-index: 70 ;
    598 }
    599 
    600 div.pne_container_navigation_bar div.type_c a.pne_navi_c_5:active ,
    601 div.pne_container_navigation_bar div.type_c a.pne_navi_c_5:hover {
    602         background: url(../skin_prj_css/skin_navi_c_ro.jpg) -480px 0 no-repeat ;
    603 }
    604 
    605 div.pne_container_navigation_bar div.type_c a.pne_navi_c_6 {
    606         left: 600px ;
    607         width: 120px ;
    608         z-index: 60 ;
    609 }
    610 
    611 div.pne_container_navigation_bar div.type_c a.pne_navi_c_6:active ,
    612 div.pne_container_navigation_bar div.type_c a.pne_navi_c_6:hover {
    613         background: url(../skin_prj_css/skin_navi_c_ro.jpg) -600px 0 no-repeat ;
    614480}
    615481
     
    617483/*サーチボックスコンテナ*/
    618484
    619 div#search_box {
     485#search_box {
    620486        position: relative ;
    621         width: 720px ;/*720px*/
     487        width: 720px ;
    622488        height: 30px ;
    623489        background: #E9EAF0 url(../skin_prj_css/bg_search_box.gif) 50% 50% no-repeat ;
    624490}
    625491
    626 div#search_box div.pne_search_box_header {
     492#search_box div.pne_search_box_header {
    627493        display: block ;
    628494        position: absolute ;
     
    634500}
    635501
    636 div#search_box div.pne_search_box_header h1 {
     502#search_box div.pne_search_box_header h1 {
    637503        width: 62px ;
    638504        height: 20px ;
    639505}
    640506
    641 div#search_box div.pne_search_box_header h1 img {
     507#search_box div.pne_search_box_header h1 img {
    642508        display: block ;
    643509        width: 62px ;
     
    646512}
    647513
    648 div#search_box div.pne_search_box_header h1 span {
     514#search_box div.pne_search_box_header h1 span {
    649515        display: none ;
    650516}
    651517
    652 div#search_box input#pne_search_box_button_text_field {
     518#search_box input#pne_search_box_button_text_field {
    653519        display: block ;
    654520        position: absolute ;
     
    663529}
    664530
    665 div#search_box input#pne_search_box_button_1 ,
    666 div#search_box input#pne_search_box_button_2 ,
    667 div#search_box input#pne_search_box_button_3 {
     531#search_box input#pne_search_box_button_1 ,
     532#search_box input#pne_search_box_button_2 ,
     533#search_box input#pne_search_box_button_3 {
    668534        display: block ;
    669535        position: absolute ;
     
    673539}
    674540
    675 div#search_box input#pne_search_box_button_1 {
     541#search_box input#pne_search_box_button_1 {
    676542        left: 387px ;
    677543        border: none ;
     
    680546}
    681547
    682 div#search_box input#pne_search_box_button_2 {
     548#search_box input#pne_search_box_button_2 {
    683549        left: 455px ;
    684550        border: none ;
     
    687553}
    688554
    689 div#search_box input#pne_search_box_button_3 {
     555#search_box input#pne_search_box_button_3 {
    690556        left: 523px ;
    691557        border: none ;
     
    697563/*インフォメーションコンテナ*/
    698564
    699 div.pne_container_information {
    700         width: 715px ;/*720px*/
    701         padding: 5px 0 5px 5px ;
    702         background-color: #E9EAF0 ;
    703 }
    704 
    705 
    706 div.pne_container_information h1 {
     565#site_information {
     566        width: 715px ;
     567        padding: 0 0 5px 5px ;
     568}
     569
     570
     571#site_information .pne_site_information_header ,
     572#site_information .pne_site_information_header * {
    707573        display: none ;
    708574}
    709575
    710 div.pne_container_information_body {
    711         margin-left: 0 ;
     576#site_information .pne_site_information_body {
     577        margin: 0 ;
    712578        border: #B7B9C6 1px solid ;
    713         padding: 5px 5px 5px 110px ;
    714         background: #FFFFFF url(../skin_prj_css/bg_icon_information.gif) 0 50% repeat-y ;
     579        padding: 0 0 0 110px ;
     580        background: #C1C6CF url(../skin_prj_css/icon_information.gif) 9px 50% no-repeat ;
     581}
     582
     583#site_information .pne_site_information_body p {
     584        border-left: #B7B9C6 1px solid ;
     585        margin: 0 ;
     586        padding: 5px 7px 0 7px ;
     587        background-color: #FFFFFF ;
     588}
     589
     590#site_information .pne_site_information_body p.pne_site_information_fixed_information span.star {
     591        color: #FF0000;
     592}
     593
     594#site_information .pne_site_information_body p.pne_site_information_fixed_information a {
     595        margin-left: 1em ;
     596}
     597
     598#site_information .pne_site_information_body p.last_item {
     599        padding-bottom: 5px
    715600}
    716601
     
    718603/*メインコンテナ位置情報*/
    719604
    720 div.pne_container_main {
     605#pne_container_main {
    721606        width: 720px ;
    722         _height: 1px;
    723         background-color: #E9EAF0 ;
    724 }
    725 
    726 div.pne_container_main:after {
     607}
     608
     609#pne_container_main:after {
    727610        content: "";
    728         display: block;
     611        display: block ;
    729612        width: 720px ;
    730613        height: 1px;
     
    733616}
    734617
    735 div.pne_container_x_home_Left {
    736         width: 275px ;
     618#pne_container_main #pne_container_x_home_Left {
     619        padding-left : 5px ;
     620        width: 270px ;
    737621        float: left ;
    738622}
    739623
    740 div.pne_container_x_home_Right {
    741         width: 445px ;
     624#pne_container_main #pne_container_x_home_Right {
     625        padding-left : 5px ;
     626        width: 440px ;
    742627        float: right ;
    743628}
    744629
     630/**********************/
     631/*ページフッタコンテナ*/
     632
     633#page_footer {
     634        width: 720px ;
     635        height: 21px ;
     636        background: #E9EAF0 url(../skin_prj_css/skin_page_footer.gif) 0 0 no-repeat ;
     637}
     638
     639#page_footer .pne_page_footer_header ,
     640#page_footer .pne_page_footer_header * {
     641        display: none ;
     642}
     643
     644#page_footer .pne_page_footer_body_before ,
     645#page_footer .pne_page_footer_body_after {
     646        padding-top: 4px ;
     647        padding-right: 5px ;
     648        text-align: right ;
     649}
     650
     651/**********************/
     652/*追加コンテナ位置情報*/
     653
     654#pne_container_extention {
     655        display: none ;
     656}
    745657
    746658/**x_home系ページ用CSS*/
     
    750662/*コンテンツバインダー*/
    751663
    752 div.pne_container_x_home_Left .pne_content_binder {
     664#pne_container_x_home_Left .pne_content_binder {
     665        margin-bottom: 7px ;
     666        width: 268px ;
    753667        border: solid 1px #B7B9C6;
    754668        background-color: #FFFFFF;
    755669}
    756670
    757 img.pne_content_top_x_home_L {
    758         width: 275px ;
    759         height: 8px ;
    760         background: url(../skin_prj_css/content_top_w270.gif) 5px 0 no-repeat ;
    761         display: block ;
    762 }
    763 
    764 /*コンテンツブロック枠線下*/
    765 
    766 img.pne_content_bottom_x_home_L {
    767         width: 275px ;
    768         height: 8px ;
    769         margin-bottom: 6px;
    770         background: url(../skin_prj_css/content_bottom_w270.gif) 5px 0 no-repeat ;
    771         display: block ;
    772 }
    773 
    774 /*コンテンツブロック枠線左*/
    775 
    776 div.pne_x_home_L_content_side_left {
    777         width: 275px ;
    778         background: url(../skin_prj_css/content_side_left_x_home_LR.gif) 5px 0 repeat-y ;
    779 }
    780 
    781 /*コンテンツブロック枠線右*/
    782 
    783 div.pne_x_home_L_content_side_right {
    784         padding: 0 8px 0 13px ;
     671
     672/*コンテンツブロック:プロフィール写真欄*/
     673
     674#pne_container_x_home_Left #my_profile {
    785675        width: 254px ;
    786         background: url(../skin_prj_css/content_side_right_x_home_LR.gif) 100% 0 repeat-y ;
    787 }
    788 
    789 /*コンテンツブロック見出し*/
    790 
    791 h1.pne_x_home_L_3x3_list_header {
    792         margin: 0 ;
    793         margin-left: 5px ;
    794         width: 238px ;/*270px*/
    795         height: 19px ;/*22px*/
     676        padding: 7px ;
     677}
     678
     679#my_profile div.pne_profile_picture {
     680        border: #B7B9C6 1px solid ;
     681        border-bottom: none ;
     682        padding: 7px ;
     683        text-align: center ;
     684}
     685
     686#my_profile div.pne_profile_picture img {
     687        display: block ;
     688        margin: 5px auto 0 auto ;
     689}
     690
     691#my_profile div.pne_profile_button {
     692        border: #B7B9C6 1px solid ;
     693        border-top: none ;
     694        padding-bottom: 5px ;
     695        text-align: center ;
     696}
     697
     698#my_profile div.pne_profile_button a {
     699        display: block ;
     700        width: 120px ;
     701        height: 20px ;
     702}
     703
     704#my_profile div.pne_profile_button a.pne_profile_button_edit {
     705        margin: 0 auto 3px auto ;
     706}
     707
     708#my_profile div.pne_profile_button a.pne_profile_button_edit img {
     709        display: block ;
     710        width: 120px ;
     711        height: 20px ;
     712        background: url(../skin_prj_css/button_edit_photo.gif) 50% 50% no-repeat ;
     713}
     714
     715#my_profile div.pne_profile_button a.pne_profile_button_conf {
     716        margin: 3px auto ;
     717}
     718
     719#my_profile div.pne_profile_button a.pne_profile_button_conf img {
     720        display: block ;
     721        width: 120px ;
     722        height: 20px ;
     723        background: url(../skin_prj_css/button_prof_conf.gif) 50% 50% no-repeat ;
     724}
     725
     726#my_profile div.pne_profile_name {
     727        padding-top: 5px ;
     728        text-align: center ;
     729}
     730
     731#my_profile div.pne_profile_name span.num {
     732        margin-left: 1em ;
     733}
     734
     735/*一覧表示見出し:フレンドリスト*/
     736/*一覧表示見出し:コミュニティーリスト*/
     737
     738#friend_list ,
     739#community_list {
     740        padding: 0 ;
     741}
     742
     743
     744#friend_list div.pne_friend_list_header h1 ,
     745#community_list div.pne_community_list_header h1 {
     746        margin: 0 ;
     747        width: 236px ;
     748        height: 19px ;
    796749        padding: 3px 0 0 32px ;
    797750        background: #B7B9C6 url(../skin_prj_css/icon_title_1.gif) 4px 50% no-repeat ;
     
    799752}
    800753
    801 /*コンテンツブロック:プロフィール写真欄*/
    802 
    803 div.pne_x_home_L_prof_body {
    804         width: 242px ;/*254px*/
    805         padding: 5px ;
    806         border: #B7B9C6 1px solid ;
    807         background: #FFFFFF ;
    808         text-align: center ;
    809 }
    810 
    811 img.pne_x_home_L_prof_body_picture {
    812         display: block ;
    813         margin: 5px auto 0 auto ;
    814 }
    815 
    816 div.pne_x_home_L_prof_body a {
    817         display: block ;
    818         margin: 5px auto 0 auto ;
    819         text-align: center ;
    820 }
    821 
    822 img.pne_x_home_L_prof_body_button_edit_photo {
    823         display: inline ;
    824         margin: 0 ;
    825         width: 120px ;
    826         height: 20px ;
    827         background: url(../skin_prj_css/button_edit_photo.gif) 50% 50% no-repeat ;
    828 }
    829 
    830 img.pne_x_home_L_prof_body_button_prof_conf {
    831         display: inline ;
    832         margin: 0 ;
    833         width: 120px ;
    834         height: 20px ;
    835         background: url(../skin_prj_css/button_prof_conf.gif) 50% 50% no-repeat ;
    836 }
    837 
    838 div.pne_x_home_L_prof_footer {
    839         width: 244px ;
    840         padding: 5px ;
    841         background: #FFFFFF ;
    842         text-align: center ;
    843 }
    844 
    845 /*コンテンツブロック:3x3リスト*/
    846 
    847 table.pne_x_home_L_3x3_list {
    848         margin-left: 5px ;
    849         width: 270px ;/*270px*/
    850 }
    851 
    852 td.pne_x_home_L_3x3_list_row_1_picture_line_1 ,
    853 td.pne_x_home_L_3x3_list_row_1_picture_line_2 ,
    854 td.pne_x_home_L_3x3_list_row_2_picture_line_1 ,
    855 td.pne_x_home_L_3x3_list_row_2_picture_line_2 ,
    856 td.pne_x_home_L_3x3_list_row_3_picture_line_1 ,
    857 td.pne_x_home_L_3x3_list_row_3_picture_line_2 {
    858         width: 88px ;
    859         padding: 5px ;
     754#friend_list div.pne_friend_list ,
     755#community_list div.pne_community_list {
     756        width: 268px ;
     757}
     758
     759#friend_list div.pne_friend_list table ,
     760#community_list div.pne_community_list table {
     761        width: 268px ;
     762}
     763
     764#friend_list div.pne_friend_list table tr.row_1_picture td.col_1 ,
     765#friend_list div.pne_friend_list table tr.row_1_picture td.col_2 ,
     766#friend_list div.pne_friend_list table tr.row_2_picture td.col_1 ,
     767#friend_list div.pne_friend_list table tr.row_2_picture td.col_2 ,
     768#friend_list div.pne_friend_list table tr.row_3_picture td.col_1 ,
     769#friend_list div.pne_friend_list table tr.row_3_picture td.col_2 ,
     770#community_list div.pne_community_list table tr.row_1_picture td.col_1 ,
     771#community_list div.pne_community_list table tr.row_1_picture td.col_2 ,
     772#community_list div.pne_community_list table tr.row_2_picture td.col_1 ,
     773#community_list div.pne_community_list table tr.row_2_picture td.col_2 ,
     774#community_list div.pne_community_list table tr.row_3_picture td.col_1 ,
     775#community_list div.pne_community_list table tr.row_3_picture td.col_2 {
     776        width: 89px ;
     777        padding: 5px 0 ;
    860778        border: #B7B9C6 1px solid ;
    861779        border-top: none ;
    862         border-right: none ;
     780        border-left: none ;
    863781        text-align: center ;
    864782        background: #FFFFFF ;
    865783}
    866784
    867 td.pne_x_home_L_3x3_list_row_1_picture_line_3 ,
    868 td.pne_x_home_L_3x3_list_row_2_picture_line_3 ,
    869 td.pne_x_home_L_3x3_list_row_3_picture_line_3 {
    870         width: 88px ;
    871         padding: 5px ;
     785#friend_list div.pne_friend_list table tr.row_1_picture td.col_3 ,
     786#friend_list div.pne_friend_list table tr.row_2_picture td.col_3 ,
     787#friend_list div.pne_friend_list table tr.row_3_picture td.col_3 ,
     788#community_list div.pne_community_list table tr.row_1_picture td.col_3 ,
     789#community_list div.pne_community_list table tr.row_2_picture td.col_3 ,
     790#community_list div.pne_community_list table tr.row_3_picture td.col_3 {
     791        width: 90px ;
     792        padding: 5px 0 ;
     793        border-bottom: #B7B9C6 1px solid ;
     794        text-align: center ;
     795        background: #FFFFFF ;
     796}
     797
     798#friend_list div.pne_friend_list table tr.row_1_name th.col_1 ,
     799#friend_list div.pne_friend_list table tr.row_1_name th.col_2 ,
     800#friend_list div.pne_friend_list table tr.row_2_name th.col_1 ,
     801#friend_list div.pne_friend_list table tr.row_2_name th.col_2 ,
     802#friend_list div.pne_friend_list table tr.row_3_name th.col_1 ,
     803#friend_list div.pne_friend_list table tr.row_3_name th.col_2 ,
     804#community_list div.pne_community_list table tr.row_1_name th.col_1 ,
     805#community_list div.pne_community_list table tr.row_1_name th.col_2 ,
     806#community_list div.pne_community_list table tr.row_2_name th.col_1 ,
     807#community_list div.pne_community_list table tr.row_2_name th.col_2 ,
     808#community_list div.pne_community_list table tr.row_3_name th.col_1 ,
     809#community_list div.pne_community_list table tr.row_3_name th.col_2 {
     810        width: 89px ;
     811        padding: 5px 0 ;
    872812        border: #B7B9C6 1px solid ;
    873813        border-top: none ;
     814        border-left: none ;
    874815        text-align: center ;
    875816        background: #FFFFFF ;
    876 }
    877 
    878 td.pne_x_home_L_3x3_list_row_1_name_line_1 ,
    879 td.pne_x_home_L_3x3_list_row_1_name_line_2 ,
    880 td.pne_x_home_L_3x3_list_row_2_name_line_1 ,
    881 td.pne_x_home_L_3x3_list_row_2_name_line_2 ,
    882 td.pne_x_home_L_3x3_list_row_3_name_line_1 ,
    883 td.pne_x_home_L_3x3_list_row_3_name_line_2 {
    884         width: 88px ;
    885         padding: 5px ;
    886         border: #B7B9C6 1px solid ;
    887         border-top: none ;
    888         border-right: none ;
     817        font-weight: normal ;
     818}
     819
     820#friend_list div.pne_friend_list table tr.row_1_name th.col_3 ,
     821#friend_list div.pne_friend_list table tr.row_2_name th.col_3 ,
     822#friend_list div.pne_friend_list table tr.row_3_name th.col_3 ,
     823#community_list div.pne_community_list table tr.row_1_name th.col_3 ,
     824#community_list div.pne_community_list table tr.row_2_name th.col_3 ,
     825#community_list div.pne_community_list table tr.row_3_name th.col_3 {
     826        width: 90px ;
     827        padding: 5px 0 ;
     828        border-bottom: #B7B9C6 1px solid ;
    889829        text-align: center ;
    890830        background: #FFFFFF ;
    891 }
    892 
    893 td.pne_x_home_L_3x3_list_row_1_name_line_3 ,
    894 td.pne_x_home_L_3x3_list_row_2_name_line_3 ,
    895 td.pne_x_home_L_3x3_list_row_3_name_line_3 {
    896         width: 88px ;
    897         padding: 5px ;
    898         border: #B7B9C6 1px solid ;
    899         border-top: none ;
    900         text-align: center ;
    901         background: #FFFFFF ;
    902 }
    903 
    904 table.pne_x_home_L_3x3_list img {
    905         margin: 0 auto ;
    906         display: block ;
    907 }
    908 
    909 table.pne_x_home_L_3x3_list a img {
    910         display: inline ;
    911 }
    912 
    913 div.pne_x_home_L_3x3_list_footer {
    914         padding: 5px 0 0 0 ;
    915         width: 254px ;/*254px*/
    916         background: #FFFFFF ;
    917 }
    918 
    919 div.pne_x_home_L_3x3_list_footer div {
    920         width: 124px ;/*254px*/
    921         padding: 1px 0 1px 130px ;
    922 }
    923 
    924 div.pne_x_home_L_3x3_list_footer div a span {
     831        font-weight: normal ;
     832}
     833
     834#friend_list div.pne_friend_list_footer ,
     835#community_list div.pne_community_list_footer {
     836        padding: 5px 0 7px 130px ;
     837        width: 138px ;
     838}
     839
     840#friend_list div.pne_friend_list_footer ul ,
     841#community_list div.pne_community_list_footer ul {
     842        margin: 0 ;
     843        padding: 0 ;
     844}
     845
     846#friend_list div.pne_friend_list_footer li ,
     847#community_list div.pne_community_list_footer li {
     848        margin: 0 ;
    925849        padding: 1px 0 1px 18px ;
    926850        background: url(../skin_prj_css/icon_arrow_1.gif) 0 2px no-repeat ;
  • OpenPNE/branches/prj_css2/webapp/modules/pc/templates/h_home.tpl

    r2420 r2498  
    66
    77({if $smarty.const.DISPLAY_SEARCH_HOME})
    8 <div class="pne_container">
     8<div id="pne_container_search_box" class="pne_container">
    99
    1010<div id="search_box" class="pne_content_binder">
     
    1212<div class="pne_content pne_search_box_header">
    1313
    14 <h1 class="pne_content_body"><img src="./skin_prj_css/dummy.gif" alt="Search box" title="Search box" /><span>Search box</span></h1>
    15 
    16 </div>({* END.pne_content *})
    17 
    18 <div class="pne_content pne_search_box_body">
    19 
    20 <div class="pne_content_body">
     14<h1><img src="./skin_prj_css/dummy.gif" alt="Search box" title="Search box" /><span>Search box</span></h1>
     15
     16</div>({* END.pne_content *})
     17
     18<div class="pne_content pne_search_box_items">
    2119
    2220<form action="./" method="post">
     
    3331</form>
    3432
    35 </div>({* END.pne_content_body *})
    36 
    3733</div>({* END.pne_content *})
    3834
     
    5147
    5248({if $birthday_flag})
    53 <div class="pne_container">
    54 
    55 <div id="birthday_message" class="pne_content_binder">
    56 
    57 <div class="pne_content">
    58 
    59 <h1 class="pne_content_body pne_birthday_message_header"><img src="./skin_prj_css/dummy.gif" alt="Birthday Message" title="Birthday Message" /><span>Birthday Message</span></h1>
    60 
    61 </div>({* END.pne_content *})
    62 
    63 <div class="pne_content">
    64 
    65 <div class="pne_content_body pne_birthday_message_body">
     49<div id="pne_container_birthday_message_to_me" class="pne_container">
     50
     51<div id="birthday_message_to_me" class="pne_content_binder">
     52
     53<div class="pne_content pne_birthday_message_header">
     54
     55<h1><img src="./skin_prj_css/dummy.gif" alt="Birthday Message" title="Birthday Message" /><span>Birthday Message</span></h1>
     56
     57</div>({* END.pne_content *})
     58
     59<div class="pne_content pne_birthday_message_body">
    6660
    6761<img src="({t_img_url_skin filename=birthday_h})" alt="お誕生日おめでとうございます" title="お誕生日おめでとうございます" />
    68 
    69 </div>({* END.pne_content_body *})
    7062
    7163</div>({* END.pne_content *})
     
    8375({***ここから:site_information***})
    8476({*******************************})
    85 
    86 <div class="pne_container">
     77({*if $site_info || $num_f_confirm_list || $num_message_not_is_read || $num_diary_not_is_read || $num_h_confirm_list || $anatani_c_commu_admin_confirm_list || $anatani_c_commu_sub_admin_confirm_list*})
     78
     79<div id="pne_container_site_information" class="pne_container">
    8780
    8881<div id="site_information" class="pne_content_binder">
    8982
    90 <div class="pne_content">
    91 
    92 <h1 class="pne_content_body pne_site_information_header"><img src="./skin_prj_css/dummy.gif" alt="Information" title="Information" /><span>Information</span></h1>
    93 
    94 </div>({* END.pne_content *})
    95 
    96 <div class="pne_content">
    97 
    98 <div class="pne_content_body pne_site_information_body">
    99 
    100 <p class="pne_site_information_by_owner">({$site_info|smarty:nodefaults|default:"&nbsp;"})</p>
     83<div class="pne_content pne_site_information_header">
     84
     85<h1><img src="./skin_prj_css/dummy.gif" alt="Information" title="Information" /><span>Information</span></h1>
     86
     87</div>({* END.pne_content *})
     88
     89<div class="pne_content pne_site_information_body">
     90
     91<p class="pne_site_information_by_owner({if $num_f_confirm_list || $num_message_not_is_read || $num_diary_not_is_read || $num_h_confirm_list || $anatani_c_commu_admin_confirm_list || $anatani_c_commu_sub_admin_confirm_list})({else}) last_item({/if})">テスト用メッセージ({$site_info|smarty:nodefaults|default:"&nbsp;"})</p>
    10192
    10293({if $num_f_confirm_list})
    103 <p class="pne_site_information_confirm">★<span class="message">承認待ちのメンバーが({$num_f_confirm_list})名います!</span>&nbsp;<a href="({t_url m=pc a=page_h_confirm_list})">承認・拒否</a></p>
     94<p class="pne_site_information_confirm pne_site_information_fixed_information({if $num_message_not_is_read || $num_diary_not_is_read || $num_h_confirm_list || $anatani_c_commu_admin_confirm_list || $anatani_c_commu_sub_admin_confirm_list})({else}) last_item({/if})"><span class="star">★</span><span class="message">承認待ちのメンバーが({$num_f_confirm_list})名います!</span><a href="({t_url m=pc a=page_h_confirm_list})">承認・拒否</a></p>
    10495({/if})
    10596
    10697({if $num_message_not_is_read})
    107 <p class="pne_site_information_num_message">★<span class="message">新着メッセージが({$num_message_not_is_read})件あります!</span>&nbsp;<a href="({t_url m=pc a=page_h_message_box})">メッセージを読む</a></p>
     98<p class="pne_site_information_num_message pne_site_information_fixed_information({if $num_diary_not_is_read || $num_h_confirm_list || $anatani_c_commu_admin_confirm_list || $anatani_c_commu_sub_admin_confirm_list})({else}) last_item({/if})"><span class="star">★</span><span class="message">新着メッセージが({$num_message_not_is_read})件あります!</span><a href="({t_url m=pc a=page_h_message_box})">メッセージを読む</a></p>
    10899({/if})
    109100
    110101({if $num_diary_not_is_read})
    111 <p class="pne_site_information_new_comment">★<span class="message">({$num_diary_not_is_read})件の日記に対して新着コメントがあります!</span>&nbsp;<a href="({t_url m=pc a=page_fh_diary})&amp;target_c_diary_id=({$first_diary_read})">日記を見る</a></p>
     102<p class="pne_site_information_new_comment pne_site_information_fixed_information"><span class="star">★</span><span class="message">({$num_diary_not_is_read})件の日記に対して新着コメントがあります!</span><a href="({t_url m=pc a=page_fh_diary})&amp;target_c_diary_id=({$first_diary_read})">日記を見る</a></p>
    112103({/if})
    113104
    114105({if $num_h_confirm_list})
    115 <p class="pne_site_information_approval_waiting">★<span class="message">コミュニティ参加承認待ちのメンバーが({$num_h_confirm_list})名います!</span>&nbsp;<a href="({t_url m=pc a=page_h_confirm_list})">承認・拒否</a></p>
     106<p class="pne_site_information_approval_waiting pne_site_information_fixed_information"><span class="star">★</span><span class="message">コミュニティ参加承認待ちのメンバーが({$num_h_confirm_list})名います!</span><a href="({t_url m=pc a=page_h_confirm_list})">承認・拒否</a></p>
    116107({/if})
    117108
    118109({if $anatani_c_commu_admin_confirm_list})
    119 <p class="pne_site_information_alternation_request">★<span class="message">コミュニティ管理人交代依頼が({$num_anatani_c_commu_admin_confirm_list})件きています。</span>&nbsp;<a href="({t_url m=pc a=page_h_confirm_list})">承認・拒否</a></p>
     110<p class="pne_site_information_alternation_request pne_site_information_fixed_information"><span class="star">★</span><span class="message">コミュニティ管理人交代依頼が({$num_anatani_c_commu_admin_confirm_list})件きています。</span><a href="({t_url m=pc a=page_h_confirm_list})">承認・拒否</a></p>
    120111({/if})
    121112
    122113({if $anatani_c_commu_sub_admin_confirm_list})
    123 <p class="pne_site_information_alternation_request_sub">★<span class="message">コミュニティ副管理者依頼が({$num_anatani_c_commu_sub_admin_confirm_list})件きています。</span>&nbsp;<a href="({t_url m=pc a=page_h_confirm_list})">承認・拒否</a></p>
    124 ({/if})
    125 
    126 </div>({* END.pne_content_body *})
     114<p class="pne_site_information_alternation_request_sub"><span class="star"></span>★<span class="message">コミュニティ副管理者依頼が({$num_anatani_c_commu_sub_admin_confirm_list})件きています。</span><a href="({t_url m=pc a=page_h_confirm_list})">承認・拒否</a></p>
     115({/if})
    127116
    128117</div>({* END.pne_content *})
     
    132121</div>({* END.pne_container *})
    133122
     123({*/if*})
    134124({**************************})
    135125({***ここまで:information***})
     
    140130({****************************})
    141131({if $inc_entry_point[3]})
    142 <div class="pne_container">
    143 
    144 <div ID="entry_point_3" class="pne_content_binder">
     132<div id="pne_container_entry_point_3" class="pne_container">
     133
     134<div id="entry_point_3" class="pne_content_binder">
    145135
    146136<div class="pne_content">
     
    156146({****************************})
    157147
    158 <div class="pne_container pne_container_main">({*<--ここから:ページ主領域*})
    159 
    160 <div class="pne_container_x_home_Left">({*<--ここから:ページ主領域【左】*})
     148<div id="pne_container_main" class="pne_container">({*<--ここから:ページ主領域*})
     149
     150<div id="pne_container_x_home_Left">({*<--ここから:ページ主領域【左】*})
    161151
    162152({****************************})
     
    181171<div id="my_profile" class="pne_content_binder">
    182172
    183 <div class="pne_content">
    184 
    185 <div class="pne_content_body pne_profile_picture">
    186 
    187 <img src="({t_img_url filename=$c_member.image_filename w=180 h=180 noimg=no_image})" alt="自分の写真" title="自分の写真" class="pne_x_home_L_prof_body_picture" />
    188 
    189 <ul>
    190 <li><a href="({t_url m=pc a=page_h_config_image})" class="pne_x_home_L_prof_body_button_edit_photo"><img src="./skin_prj_css/dummy.gif" alt="写真を編集" title="写真を編集" /></a></li>
    191 <li><a href="({t_url m=pc a=page_h_prof})" class="pne_x_home_L_prof_body_button_prof_conf"><img src="./skin_prj_css/dummy.gif" alt="プロフィール確認" title="プロフィール確認" /></a></li>
    192 </ul>
    193 
    194 </div>({* END.pne_content_body *})
    195 
    196 </div>({* END.pne_content *})
    197 
    198 <div class="pne_content">
    199 
    200 <div class="pne_content_body pne_profile_name">
    201 
    202 <span>({$c_member.nickname})さん (({$c_friend_count}))</span>
    203 
    204 </div>({* END.pne_content_body *})
     173<div class="pne_content pne_profile_picture">
     174
     175<img src="({t_img_url filename=$c_member.image_filename w=180 h=180 noimg=no_image})" alt="自分の写真" title="自分の写真" class="pne_prof_body_picture" />
     176
     177</div>({* END.pne_content *})
     178
     179<div class="pne_content pne_profile_button">
     180
     181<a href="({t_url m=pc a=page_h_config_image})" class="pne_profile_button_edit"><img src="./skin_prj_css/dummy.gif" alt="写真を編集" title="写真を編集" /></a>
     182<a href="({t_url m=pc a=page_h_prof})" class="pne_profile_button_conf"><img src="./skin_prj_css/dummy.gif" alt="プロフィール確認" title="プロフィール確認" /></a>
     183
     184</div>({* END.pne_content *})
     185
     186<div class="pne_content pne_profile_name">
     187
     188<span>({$c_member.nickname})さん<span class="num">(({$c_friend_count}))</span></span>
    205189
    206190</div>({* END.pne_content *})
     
    233217<div id="friend_list" class="pne_content_binder">
    234218
    235 <div class="pne_content">
    236 
    237 <h1 class="pne_content_body pne_3x3_list_header"><img src="./skin_prj_css/dummy.gif" class="header_image" alt="({$WORD_MY_FRIEND})リスト" title="({$WORD_MY_FRIEND})リスト" /><span>({$WORD_MY_FRIEND})リスト</span></h1>
    238 
    239 </div>({* END.pne_content *})
    240 
    241 <div class="pne_content">
     219<div class="pne_content pne_friend_list_header">
     220
     221<h1><img src="./skin_prj_css/dummy.gif" class="header_image" alt="({$WORD_MY_FRIEND})リスト" title="({$WORD_MY_FRIEND})リスト" /><span>({$WORD_MY_FRIEND})リスト</span></h1>
     222
     223</div>({* END.pne_content *})
     224
     225<div class="pne_content pne_friend_list">
    242226
    243227({if $smarty.const.OPENPNE_USE_FLASH_LIST})
    244 
    245 <div class="pne_content_body pne_flash_list">
    246228
    247229({capture assign=flashvars})({strip})
     
    262244</script>
    263245
    264 </div>({* END.pne_content_body *})
    265 
    266246({else})
    267247
    268 <table border="0" cellspacing="0" cellpadding="0" class="pne_content_body pne_3x3_list">
     248<table border="0" cellspacing="0" cellpadding="0">
    269249
    270250({if $c_friend_list[0]})
     
    295275
    296276({t_loop from=$c_friend_list start=0 num=3})
    297 <td class="col_({$counter})">
     277<th class="col_({$counter})">
    298278
    299279({if $item})
     
    301281({else})&nbsp;({/if})
    302282
    303 </td>
     283</th>
    304284({assign var="counter" value=$counter+1})
    305285
     
    336316
    337317({t_loop from=$c_friend_list start=3 num=3})
    338 <td class="col_({$counter})">
     318<th class="col_({$counter})">
    339319
    340320({if $item})
     
    342322({else})&nbsp;({/if})
    343323
    344 </td>
     324</th>
    345325({assign var="counter" value=$counter+1})
    346326
     
    377357
    378358({t_loop from=$c_friend_list start=6 num=3})
    379 <td class="col_({$counter})">
     359<th class="col_({$counter})">
    380360
    381361({if $item})
     
    383363({else})&nbsp;({/if})
    384364
    385 </td>
     365</th>
    386366({assign var="counter" value=$counter+1})
    387367
     
    391371({/if})
    392372
    393 </table>({* END.pne_content_body *})
    394 
    395 </div>({* END.pne_content *})
    396 
    397 ({/if})
    398 
    399 <div class="pne_content">
    400 
    401 <div class="pne_content_body pne_3x3_list_footer">
     373</table>
     374
     375({/if})
     376
     377</div>({* END.pne_content *})
     378
     379<div class="pne_content pne_friend_list_footer">
    402380
    403381<ul>
     
    406384</ul>
    407385
    408 </div>({* END.pne_content_body *})
    409 
    410386</div>({* END.pne_content *})
    411387
     
    436412({***ここから:community_list***})
    437413({*****************************})
     414({if $c_commu_user_list})
    438415<div id="community_list" class="pne_content_binder">
    439416
    440 <h1 class="pne_content_body pne_3x3_list_header"><img src="./skin_prj_css/dummy.gif" class="head_image" alt="コミュニティリスト" title="コミュニティリスト" /><span>コミュニティリスト</span></h1>
     417<div class="pne_content pne_community_list_header">
     418
     419<h1><img src="./skin_prj_css/dummy.gif" class="head_image" alt="コミュニティリスト" title="コミュニティリスト" /><span>コミュニティリスト</span></h1>
     420
     421</div>({* END.pne_content *})
     422
     423<div class="pne_content pne_community_list">
    441424
    442425({if $smarty.const.OPENPNE_USE_FLASH_LIST})
    443 
    444 <div class="pne_content_body pne_flash_list">
    445426
    446427({capture assign=flashvars})({strip})
     
    461442</script>
    462443
    463 </div>({* END.pne_content_body *})
    464 
    465444({else})
    466445
    467 <table border="0" cellspacing="0" cellpadding="0" class="pne_content_body pne_3x3_list">
     446<table border="0" cellspacing="0" cellpadding="0">
    468447
    469448({if $c_commu_user_list[0]})
     
    498477({t_loop from=$c_commu_user_list start=0 num=3})
    499478
    500 <td class="col_({$counter})">
     479<th class="col_({$counter})">
    501480
    502481({if $item})
     
    504483({else})&nbsp;({/if})
    505484
    506 </td>
     485</th>
    507486
    508487({assign var="counter" value=$counter+1})
     
    545524({t_loop from=$c_commu_user_list start=3 num=3})
    546525
    547 <td class="col_({$counter})">
     526<th class="col_({$counter})">
    548527
    549528({if $item})
     
    551530({else})&nbsp;({/if})
    552531
    553 </td>
     532</th>
    554533
    555534({assign var="counter" value=$counter+1})
     
    592571({t_loop from=$c_commu_user_list start=6 num=3})
    593572
    594 <td class="col_({$counter})">
     573<th class="col_({$counter})">
    595574
    596575({if $item})
     
    598577({else})&nbsp;({/if})
    599578
    600 </td>
     579</th>
    601580
    602581({assign var="counter" value=$counter+1})
     
    608587({/if})
    609588
    610 </table>({* END.pne_content_body *})
    611 
    612 </div>({* END.pne_content *})
    613 
    614 ({/if})
    615 
    616 <div class="pne_content">
    617 
    618 <div class="pne_content_body pne_3x3_list_footer">
     589</table>
     590
     591({/if})
     592
     593</div>({* END.pne_content *})
     594
     595<div class="pne_content pne_community_list_footer">
    619596
    620597<ul>
     
    622599</ul>
    623600
    624 </div>({* END.pne_content_body *})
    625 
    626601</div>({* END.pne_content *})
    627602
    628603</div>({* END.pne_content_binder#community_list *})
    629 
     604({/if})
    630605({*****************************})
    631606({***ここまで:community_list***})
     
    650625</div>({*<--ここまで:ページ主領域【左】*})
    651626
    652 <div class="pne_container_x_home_Right">({*<--ここから:ページ主領域【右】*})
     627<div id="pne_container_x_home_Right">({*<--ここから:ページ主領域【右】*})
    653628
    654629({****************************})
  • OpenPNE/branches/prj_css2/webapp/modules/pc/templates/inc_footer.tpl

    r2420 r2498  
    33({**************************})
    44({if !$INC_FOOTER_is_login})
    5 <div class="pne_container">
     5<div id="pne_container_page_footer" class="pne_container">
    66
    7 <div ID="page_footer" class="pne_content_binder">
     7<div id="page_footer" class="pne_content_binder">
    88
    9 <div class="pne_content">
     9<div class="pne_content pne_page_footer_header">
    1010
    11 <h1 class="pne_content_body pne_page_footer_header"><img src="./skin_prj_css/dummy.gif" alt="Page footer" /><span>Page footer</span></h1>
     11<h1><img src="./skin_prj_css/dummy.gif" alt="Page footer" /><span>Page footer</span></h1>
    1212
    1313</div>({* END.pne_content *})
    1414
    15 <div class="pne_content_body pne_page_footer_body_({if $before_after == 'before'})before({else})after({/if})">
     15<div class="pne_content pne_page_footer_body_({if $before_after == 'before'})before({else})after({/if})">
    1616
    1717({$INC_FOOTER_inc_page_footer|smarty:nodefaults})
    1818
    19 </div>({* END.pne_content_body *})
    20 
    2119</div>({* END.pne_content *})
    2220
    23 </div>({* END.pne_content_binder#information *})
     21</div>({* END.pne_content_binder#page_footer *})
    2422
    2523</div>({* END.pne_container *})
     
    3937({if $INC_FOOTER_side_banner_html_before || $INC_FOOTER_side_banner_html_after || $INC_FOOTER_inc_side_banner})
    4038
    41 <div id="extention_container" class="pne_content_binder">
     39<div id="pne_container_extention" class="pne_container">
     40
     41<div id="extention" class="pne_content_binder">
    4242
    4343<div class="pne_content">
     
    7474
    7575</div>({* END.pne_content_binder#information *})
     76
     77</div>({* END.pne_container *})
    7678
    7779({/if})
  • OpenPNE/branches/prj_css2/webapp/modules/pc/templates/inc_header.tpl

    r2420 r2498  
    103103({**************************})
    104104
    105 <div class="pne_container">
     105<div id="pne_container_page_header_({if $before_after == 'before'})before({else})after({/if})" class="pne_container">
    106106
    107107<div id="page_header_({if $before_after == 'before'})before({else})after({/if})" class="pne_content_binder">
     
    157157({if $before_after == "after"})
    158158
     159<div class="pne_content pne_page_header_global_navigation">
     160
     161<ul>
    159162({foreach from=$INC_HEADER_global_navi key=key item=item})
    160163({if $item.url})
    161 <a class="pne_content pne_page_header_global_navigation_({$key+1})" href="({$item.url})"><img src="./skin_prj_css/dummy.gif" alt="({$item.caption})" title="({$item.caption})" /></a>
     164<li class="pne_page_header_global_navigation_({$key+1})"><a href="({$item.url})"><img src="./skin_prj_css/dummy.gif" alt="({$item.caption})" title="({$item.caption})" /></a></li>
    162165({/if})
    163166({/foreach})
    164 <a class="pne_content pne_page_header_global_navigation_9" href="({t_url m=pc a=do_inc_page_header_logout})&amp;sessid=({$PHPSESSID})"><img src="./skin_prj_css/dummy.gif" alt="ログアウト" title="ログアウト" /></a>
     167<li class="pne_page_header_global_navigation_9"><a href="({t_url m=pc a=do_inc_page_header_logout})&amp;sessid=({$PHPSESSID})"><img src="./skin_prj_css/dummy.gif" alt="ログアウト" title="ログアウト" /></a></li>
     168</ul>
     169
     170</div>({* END.pne_content *})
    165171
    166172({/if})
     
    178184({****************************})
    179185({if $inc_entry_point[1]})
    180 <div class="pne_container">
    181 
    182 <div ID="entry_point_1" class="pne_content_binder">
     186<div id="pne_container_entry_point_1" class="pne_container">
     187
     188<div id="entry_point_1" class="pne_content_binder">
    183189
    184190<div class="pne_content">
     
    188194</div>({* END.pne_content_binder#entry_point_1 *})
    189195
    190 </div>({* pne_container *})
     196</div>({* END.pne_container *})
    191197({/if})
    192198({****************************})
     
    208214({****************************})
    209215({if $inc_entry_point[2]})
    210 <div class="pne_container">
    211 
    212 <div ID="entry_point_2" class="pne_content_binder">
     216<div id="pne_container_entry_point_2" class="pne_container">
     217
     218<div id="entry_point_2" class="pne_content_binder">
    213219
    214220<div class="pne_content">
     
    218224</div>({* END.pne_content_binder#entry_point_2 *})
    219225
    220 </div>({* pne_container *})
     226</div>({* END.pne_container *})
    221227({/if})
    222228({****************************})
     
    228234({************************})
    229235({if !$no_use_alert && ($msg || $msg1 || $msg2 || $msg3 || $err_msg)})
    230 <div class="pne_container">
    231 
    232 <div ID="alert_box" class="pne_content_binder">
     236<div id="pne_container_alert_box" class="pne_container">
     237
     238<div id="alert_box" class="pne_content_binder">
    233239
    234240<div class="pne_content">
    235241
    236 <ul class="pne_content_body">
     242<ul>
    237243({if $msg})<li>({$msg})</li>({/if})
    238244({if $msg1})<li>({$msg1})</li>({/if})
     
    242248<li>({$item})</li>
    243249({/foreach})
    244 </ul>({* END.pne_content_body *})
     250</ul>
    245251
    246252</div>({* END.pne_content *})
     
    248254</div>({* END.pne_content_binder#alert_box *})
    249255
    250 </div>({* pne_container *})
     256</div>({* END.pne_container *})
    251257({/if})
    252258({************************})
  • OpenPNE/branches/prj_css2/webapp/modules/pc/templates/inc_navi.tpl

    r2420 r2498  
    1 <div class="pne_container">
     1<div id="pne_container_navigation_bar" class="pne_container pne_navigation_bar">
    22
    3 <div ID="navigation_bar" class="pne_content_binder">
     3<div id="navigation_bar" class="pne_content_binder">
    44
    5 <div class="pne_content">
     5({*
    66
    7 <h1 class="pne_container_navigation_bar_header"><img src="./pne_skin/dummy.gif" alt="Navigation bar" /><span>Navigation bar</span></h1>
     7<div class="pne_content pne_navigation_bar_header">
     8
     9<h1><img src="./pne_skin/dummy.gif" alt="Navigation bar" /><span>Navigation bar</span></h1>
     10
     11</div>*})({* END.pne_content *})
     12
     13
     14({if $INC_NAVI_type=="h" || $INC_NAVI_type=="self"})
     15
     16<div class="pne_content pne_navigation_bar_type_h">
     17
     18<ul>
     19({foreach from=$navi key=key item=item})
     20({if $item.url})
     21<li class="pne_navigation_bar_type_h_({$key+1})"><a href="({$item.url})"><img src="./skin/dummy.gif" alt="({$item.caption})" title="({$item.caption})" /></a></li>
     22({/if})
     23({/foreach})
     24</ul>
    825
    926</div>({* END.pne_content *})
    1027
    11 <div class="pne_content">
     28({elseif $INC_NAVI_type=="f" || $INC_NAVI_type=="other"})
    1229
    13 ({if $INC_NAVI_type=="h" || $INC_NAVI_type=="self"})
     30<div class="pne_content pne_navigation_bar_type_f">
    1431
    15 <div class="pne_content_body pne_navigation_bar_type_h">
    16 
     32<ul>
    1733({foreach from=$navi key=key item=item})
    1834({if $item.url})
    19 <a class="pne_navigation_h_({$key+1})" href="({$item.url})"><img src="./skin/dummy.gif" alt="({$item.caption})" title="({$item.caption})" /></a>
     35<li class="pne_navigation_bar_type_f_({$key+1})"><a href="({$item.url})&amp;target_c_member_id=({$INC_NAVI_c_member_id_friend})"><img src="./skin/dummy.gif" alt="({$item.caption})" title="({$item.caption})" /></a></li>
    2036({/if})
    2137({/foreach})
     38</ul>
    2239
    23 </div>
    24 
    25 ({elseif $INC_NAVI_type=="f" || $INC_NAVI_type=="other"})
    26 
    27 <div class="pne_content_body pne_navigation_bar_type_f">
    28 
    29 ({foreach from=$navi key=key item=item})
    30 ({if $item.url})
    31 <a class="pne_navigation_f_({$key+1})" href="({$item.url})&amp;target_c_member_id=({$INC_NAVI_c_member_id_friend})"><img src="./skin/dummy.gif" alt="({$item.caption})" title="({$item.caption})" /></a>
    32 ({/if})
    33 ({/foreach})
    34 
    35 </div>
     40</div>({* END.pne_content *})
    3641
    3742({elseif $INC_NAVI_type=="c"})
    3843
    39 <div class="pne_content_body pne_navigation_bar_type_c">
     44<div class="pne_content pne_navigation_bar_type_c">
    4045
     46<ul>
    4147({foreach from=$navi key=key item=item})
    4248({if $item.url})
    43 <a class="pne_navigation_c_({$key+1})" href="({$item.url})&amp;target_c_commu_id=({$INC_NAVI_c_commu_id})"><img src="./skin/dummy.gif" alt="({$item.caption})" title="({$item.caption})" /></a>
     49<li class="pne_navigation_bar_type_c_({$key+1})"><a href="({$item.url})&amp;target_c_commu_id=({$INC_NAVI_c_commu_id})"><img src="./skin/dummy.gif" alt="({$item.caption})" title="({$item.caption})" /></a></li>
    4450({/if})
    4551({/foreach})
     52</ul>
    4653
    47 </div>
     54</div>({* END.pne_content *})
    4855
    4956({/if})
    50 
    51 </div>({* END.pne_content *})
    5257
    5358</div>({* END.pne_content_binder#navigation_bar *})
Note: See TracChangeset for help on using the changeset viewer.