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

Changeset 5178


Ignore:
Timestamp:
Feb 14, 2008, 4:35:41 PM (12 years ago)
Author:
takai
Message:

#1909:汎用的な9面テーブルのCSS

File:
1 edited

Legend:

Unmodified
Added
Removed
  • work/takai/xhtmlcss/style.css

    r5174 r5178  
    11@charset "UTF-8";
    22
     3/*==============================================================================
     4 * デフォルトスタイルシートの上書き
     5 *----------------------------------------------------------------------------*/
    36body, div, p, pre, blockquote, th, td,
    47dl, dt, dd, ul, ol, li,
     
    6568}
    6669
    67 
    68 
     70/*==============================================================================
     71 * OpenPNE全共通指定
     72 *----------------------------------------------------------------------------*/
    6973body {
    7074        font: normal normal normal 10pt/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", Osaka, sans-serif;
     
    8589        background-color: #f8f8f8;
    8690}
    87 #MyData #fList ul.moreInfo,
    88 #MyData #cList ul.moreInfo {
    89         width: 140px;
    90         margin: 4px 2px 4px auto;
    91 }
     91/*----------------------------------------------
     92 * 「もっと読む」「全てを見る」の部分
     93 *--------------------------------------------*/
    9294ul.moreInfo li {
    9395        line-height: 1.5;
     
    9799        background: url("http://takai.sns.dazai.pne.jp/skin/default/img/icon_arrow_1.gif") no-repeat 0 50%;
    98100}
    99 
    100 #globalNav {
    101         position: relative;
    102         width: 720px;
    103         height: 96px;
    104         background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_after_header.jpg) 0 0 no-repeat;
    105 }
    106 .localNav {
    107         position: relative;
    108         width: 720px;
    109         height: 29px;
    110 }
    111 #globalNav li a:hover, #globalNav li a:active {
    112         background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_after_header_2.jpg);
    113 }
    114 #hLocalNav {
    115         background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_h.jpg) 0 0 no-repeat;
    116 }
    117 #hLocalNav li a:hover, #hLocalNav li a:active {
    118         background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_h_2.jpg);
    119 }
    120 #fLocalNav {
    121         background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_f.jpg) 0 0 no-repeat;
    122 }
    123 #fLocalNav li a:hover, #fLocalNav li a:active {
    124         background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_f_2.jpg);
    125 }
    126 #cLocalNav {
    127         background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_c.jpg) 0 0 no-repeat;
    128 }
    129 #cLocalNav li a:hover, #cLocalNav li a:active {
    130         background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_c_2.jpg);
    131 }
     101.footer ul.moreInfo {
     102        width: 140px;
     103        margin: 4px 2px 4px auto;
     104}
     105/*----------------------------------------------
     106 * 画像置換指定
     107 *--------------------------------------------*/
    132108#globalNav a,
    133109.localNav a,
     
    147123        overflow: hidden;
    148124}
    149 
     125/*----------------------------------------------
     126 * 二重線指定
     127 * // クラスセレクタをHTML側に振るかも
     128 *--------------------------------------------*/
     129#MyData #myPhoto {
     130        padding: 7px;
     131        border: 1px solid #cccccc;
     132}
     133
     134/*==============================================================================
     135 * グローバル・ローカルナビゲーション指定
     136 *----------------------------------------------------------------------------*/
     137#globalNav {
     138        position: relative;
     139        width: 720px;
     140        height: 96px;
     141        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_after_header.jpg) 0 0 no-repeat;
     142}
     143.localNav {
     144        position: relative;
     145        width: 720px;
     146        height: 29px;
     147}
     148#globalNav li a:hover, #globalNav li a:active {
     149        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_after_header_2.jpg);
     150}
     151#hLocalNav {
     152        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_h.jpg) 0 0 no-repeat;
     153}
     154#hLocalNav li a:hover, #hLocalNav li a:active {
     155        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_h_2.jpg);
     156}
     157#fLocalNav {
     158        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_f.jpg) 0 0 no-repeat;
     159}
     160#fLocalNav li a:hover, #fLocalNav li a:active {
     161        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_f_2.jpg);
     162}
     163#cLocalNav {
     164        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_c.jpg) 0 0 no-repeat;
     165}
     166#cLocalNav li a:hover, #cLocalNav li a:active {
     167        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_c_2.jpg);
     168}
    150169#globalNav h1 {
    151170        position: absolute;
     
    259278li#cLocalNav_6 a:hover, li#cLocalNav_6 a:active { background-position: -600px -29px; }
    260279
    261 /* double line */
    262 #MyData #myPhoto {
    263         padding: 7px;
    264         border: 1px solid #cccccc;
    265 }
     280/*==============================================================================
     281 * (2月7日) h_home 書き換え時の指定
     282 *----------------------------------------------------------------------------*/
    266283#MyData table th.heading {
    267284        width: auto;
     
    275292        font-size: 100%;
    276293}
    277 
    278294#Container {
    279295        width: 720px;
     
    306322#MyData #myPhoto {
    307323        margin-top: 5px;
    308 }
    309 #MyData #fList,
    310 #MyData #cList {
    311         margin-top: 6px;
    312324}
    313325#MyData #myPhoto div {
     
    335347        margin-top: 5px;
    336348}
    337 #MyData #fList table,
    338 #MyData #cList table {
     349
     350/*==============================================================================
     351 * フレンドリストなどの 9面(3xN)テーブル(.table3x) に対する指定
     352 *----------------------------------------------------------------------------*/
     353.table3x {
     354        margin-top: 6px; /* これはパーツ共通のマージンなのでセレクタを変えるかもしれません */
     355}
     356.table3x table {
    339357        width: 100%;
    340358        border: 2px solid #cccccc;
    341359}
    342 #MyData #fList table td,
    343 #MyData #cList table td {
     360.table3x td {
    344361        border: 1px solid #cccccc;
    345362        vertical-align: top;
    346363}
    347 #MyData #fList p,
    348 #MyData #cList p {
     364.table3x p {
    349365        text-align: center;
    350366}
    351 #MyData #fList p.photo,
    352 #MyData #cList p.photo {
     367.table3x p.photo {
    353368        height: 76px;
    354369        padding: 2px;
    355370        border-bottom: 1px solid #cccccc;
    356371}
    357 #MyData #fList p.name,
    358 #MyData #cList p.name {
     372.table3x p.text {
    359373        margin: 2px;
    360374        overflow: auto;
    361375}
     376
Note: See TracChangeset for help on using the changeset viewer.