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

Changeset 5333


Ignore:
Timestamp:
Feb 25, 2008, 2:47:20 AM (14 years ago)
Author:
takai
Message:

#1908 #1909:(11&28)CSS + h3,table関連指定を変更

File:
1 edited

Legend:

Unmodified
Added
Removed
  • OpenPNE/branches/prj/xhtmlcss/markup/style.css

    r5302 r5333  
    1010        margin: 0;
    1111        padding: 0;
    12         border: 0;
     12        border: none;
    1313        text-align: left;
    1414}
     
    1818}
    1919table {
    20         border-collapse: collapse;
     20        border-collapse: separate;
    2121        border-spacing: 0;
    2222        empty-cells: show;
    2323        margin: 0;
     24        font-size: 1em;
     25}
     26*:first-child+html table {
     27        border-collapse: collapse;
     28}
     29* html table {
     30        border-collapse: collapse;
    2431}
    2532th, td {
     
    3037abbr, acronym, dfn, em, strong,
    3138code, kbd, samp, var {
    32         border: 0;
     39        border: none;
    3340        font-style: normal;
    3441        font-variant: normal;
     
    3845}
    3946img {
    40         border: 0;
     47        border: none;
    4148        vertical-align: bottom;
    4249}
     
    5865}
    5966fieldset {
    60         border: 0;
     67        border: none;
    6168}
    6269form p {
     
    99106        position: relative;
    100107}
    101 th, td {
     108strong {
     109        font-weight: bold;
     110}
     111/*----------------------------------------------
     112 * テーブル
     113 *--------------------------------------------*/
     114div.parts table {
     115        table-layout: fixed;
     116        width: 100%;
     117}
     118div.parts th,
     119div.parts td {
    102120        overflow: hidden;
    103         text-indent: 1px; /* hiddenだと文字左端が欠ける対策 @Fx */
    104 }
     121        border-width: 1px 0 0 1px;
     122        border-style: solid;
     123        border-color: #cccccc;
     124}
     125div.parts table tr:first-child th,
     126div.parts table tr:first-child td {
     127        border-top: none;
     128}
     129div.parts tr th:first-child,
     130div.parts tr td:first-child {
     131        border-left: none;
     132}
     133
    105134/*----------------------------------------------
    106135 * サブミットボタン
     
    124153        background: url("http://takai.sns.dazai.pne.jp/skin/default/img/icon_arrow_1.gif") no-repeat 0 0.4em;
    125154}
    126 .footer ul.moreInfo {
     155div.parts .footer ul.moreInfo {
    127156        width: 10em;
    128157        margin: 0 2px 0 auto;
    129158}
     159div.LayoutA div.Left div.parts .footer {
     160        border-top: 1px solid #cccccc;
     161}
     162div.LayoutA div.Left div.parts .footer ul.moreInfo {
     163        width: 11em;
     164        margin: 6px 0 6px auto;
     165}
    130166/*----------------------------------------------
    131167 * 画像置換指定
    132168 *--------------------------------------------*/
    133169#globalNav a,
    134 .localNav a,
    135 #homePhoto li a {
     170.localNav a {
    136171        display: block;
    137172        width: 100%;
     
    139174        margin: 0;
    140175        padding: 0;
    141         border: 0;
     176        border: none;
    142177        text-indent: -9999px;
    143178        text-decoration: none;
    144179}
    145180#globalNav a:focus,
    146 .localNav a:focus,
    147 #homePhoto li a:focus {
     181.localNav a:focus {
    148182        overflow: hidden;
    149183}
    150184/*----------------------------------------------
    151  * clear
     185 * クリアランス
    152186 *--------------------------------------------*/
    153187div.LayoutA:after,
     
    158192        clear: both;
    159193}
    160 
    161194/*----------------------------------------------
    162195 * ベースレイアウト
     
    166199}
    167200div.LayoutA div.Left {
    168         overflow: hidden;
    169201        float: left;
    170         width: 280px;
     202        width: 270px;
     203        padding: 0 5px;
    171204}
    172205div.LayoutA div.Center {
    173         overflow: hidden;
    174206        float: right;
    175207        width: 440px;
    176208}
    177209div.LayoutB div.Left {
    178         overflow: hidden;
    179210        float: left;
    180211        width: 180px;
    181212}
    182213div.LayoutB div.Center {
    183         overflow: hidden;
    184214        float: right;
    185215        width: 540px;
     
    192222 * パーツ枠
    193223 *--------------------------------------------*/
     224div.dparts,
     225div.dparts div.parts,
     226div.LayoutA .Left div.parts {
     227        border: 1px solid #cccccc;
     228}
    194229div.dparts {
    195230        margin: 0 auto 10px;
    196231        padding: 7px;
    197         border: 1px solid #cccccc;
    198232}
    199233div.dparts div.parts {
    200234        margin: 0;
    201         border: 1px solid #cccccc;
    202235}
    203236div.parts {
     
    207240 * パーツ見出し
    208241 *--------------------------------------------*/
    209 h3 {
     242.partsHeading {
    210243        width: auto;
    211244        margin: 0;
    212245        padding: 2px 0 2px 36px;
    213246        border-bottom: 1px solid #cccccc;
    214         background: #36b3d1 url(http://takai.sns.dazai.pne.jp/skin/default/img/content_header_1.gif) no-repeat 0 50%;
    215         line-height: 1.2;
     247        background: #36b3d1 url(http://takai.sns.dazai.pne.jp/skin/default/img/content_header_1.gif) no-repeat 0 0;
    216248        text-align: left;
     249        font-size: 100%;
     250}
     251div.LayoutA .Left .partsHeading {
     252        padding-left: 24px;
     253        background-image: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_title_1.gif);
     254}
     255.partsHeading h3 {
     256        display: inline;
    217257        font-weight: bold;
    218         font-size: 100%;
     258}
     259.partsHeading p {
     260        display: inline;
     261        margin-left: 0.5em;
    219262}
    220263/*----------------------------------------------
     
    238281        margin-right: 10px;
    239282}
     283
    240284/*----------------------------------------------
    241285 * カレンダー
     
    401445
    402446/*==============================================================================
    403  * (2月7日) h_home 書き換え時の指定
    404  *----------------------------------------------------------------------------*/
    405 #search form p {
    406         padding: 4px 0;
     447 * 11. homePhotoBox(ホーム写真ボックス)
     448 *----------------------------------------------------------------------------*/
     449.homePhotoBox * {
    407450        text-align: center;
    408451}
    409 #info {
    410         margin: 4px 0 0 6px;
    411 }
    412 #pc_page_h_home #info table {
    413         width: 100%;
    414 }
    415 #pc_page_h_home #info table th {
    416         width: 102px;
    417         border: 1px solid #cccccc;
    418         background-color: #dddddd;
     452.homePhotoBox p.friendLink { margin-bottom: 3px; }
     453.homePhotoBox p.photo { margin-top: 7px; }
     454.homePhotoBox ul.moreInfo {
     455        margin: 1px 0;
     456}
     457.homePhotoBox ul.moreInfo li {
     458        padding: 1px 0;
     459        background: none;
     460}
     461.homePhotoBox p.rank { margin-top: 6px; }
     462.homePhotoBox p.point { margin-top: 2px; }
     463.homePhotoBox p.text { margin-top: 4px; }
     464.homePhotoBox p.loginTime { margin-top: 0px; }
     465
     466/*==============================================================================
     467 * 28. homeNineTable(ホーム9面テーブル)
     468 *----------------------------------------------------------------------------*/
     469.homeNineTable td {
     470        vertical-align: top;
     471}
     472.homeNineTable p {
    419473        text-align: center;
    420474}
    421 #pc_page_h_home #info table td {
    422         border: 1px solid #cccccc;
    423         padding: 5px;
    424 }
    425 
    426 /*==============================================================================
    427  * 1. ホームの写真表示領域(homePhoto)
    428  *----------------------------------------------------------------------------*/
    429 #HomeLeft table th.heading { /* パーツ見出しの指定、home系ページを書き換えるまでここは保留 */
    430         width: auto;
    431         margin: 0;
    432         padding: 2px 0 2px 24px;
    433         border: 2px solid #cccccc;
    434         background: #36b3d1 url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_title_1.gif) no-repeat 0 50%;
    435         line-height: 1.2;
    436         text-align: left;
    437         font-weight: bold;
    438         font-size: 100%;
    439 }
    440 #HomeLeft {
    441         width: 270px;
    442         padding: 0 5px;
    443 }
    444 #HomeLeft #homePhoto {
    445         margin-top: 5px;
    446         padding: 7px;
    447         border: 1px solid #cccccc;
    448 }
    449 #HomeLeft #homePhoto div.photo {
    450         border: 1px solid #cccccc;
    451 }
    452 #HomeLeft #homePhoto p {
    453         text-align: center;
    454 }
    455 #HomeLeft #homePhoto p.photo {
    456         margin-top: 7px;
    457 }
    458 #HomeLeft #homePhoto li {
    459         width: 120px;
    460         height: 20px;
    461         margin: 2px auto 3px;
    462         line-height: 1.2;
    463 }
    464 #HomeLeft li#hHomePhoto_1 a { background: url(http://takai.sns.dazai.pne.jp/skin/default/img/button_edit_photo.gif) no-repeat; }
    465 #HomeLeft li#hHomePhoto_2 a { background: url(http://takai.sns.dazai.pne.jp/skin/default/img/button_prof_conf.gif) no-repeat; }
    466 #HomeLeft li#fHomePhoto_1 a { background: url(http://takai.sns.dazai.pne.jp/skin/default/img/button_show_photo.gif) no-repeat; }
    467 
    468 #HomeLeft #homePhoto div.text p.friendLink { margin-bottom: 3px; }
    469 #HomeLeft #homePhoto div.text p.rank { margin-top: 6px; }
    470 #HomeLeft #homePhoto div.text p.point { margin-top: 2px; }
    471 #HomeLeft #homePhoto div.text p.text { margin-top: 4px; }
    472 #HomeLeft #homePhoto div.text p.loginTime { margin-top: 0px; }
    473 
    474 /*==============================================================================
    475  * 2. 9面パズル(table3x)
    476  *----------------------------------------------------------------------------*/
    477 .table3x {
    478         margin-top: 6px; /* これはパーツ共通のマージンなのでセレクタを変えるかもしれません */
    479 }
    480 .table3x table {
    481         width: 100%;
    482         border: 2px solid #cccccc;
    483 }
    484 .table3x td {
    485         border: 1px solid #cccccc;
    486         vertical-align: top;
    487 }
    488 .table3x p {
    489         text-align: center;
    490 }
    491 .table3x p.photo {
     475.homeNineTable p.photo {
    492476        height: 76px;
    493         padding: 2px;
     477        padding: 2px 0;
    494478        border-bottom: 1px solid #cccccc;
    495479}
    496 .table3x p.text {
     480.homeNineTable p.text {
     481        overflow: hidden;
    497482        margin: 2px;
    498         overflow: auto;
    499483}
    500484
     
    503487 *----------------------------------------------------------------------------*/
    504488.searchResultList table {
    505         table-layout: fixed;
    506489        position: relative;
    507         width: 100%;
    508490}
    509491.searchResultList td.photo {
     
    514496.searchResultList th, .searchResultList td {
    515497        padding: 6px 5px;
    516         border: 1px solid #cccccc;
    517498}
    518499.searchResultList th {
     
    537518 *----------------------------------------------------------------------------*/
    538519div.commentsList div.top {
    539         border-bottom: 0;
     520        border-bottom: none;
    540521}
    541522.commentsList dl {
     
    582563 *----------------------------------------------------------------------------*/
    583564div.dparts div.centerMenuHome {
    584         border-bottom: 0;
    585 }
    586 .centerMenuHome table {
    587         width: 100%;
    588         table-layout: fixed;
     565        border-bottom: none;
    589566}
    590567.centerMenuHome th {
    591568        width: 83px;
    592         border-right: 1px solid #cccccc;
    593569        background-color: #eeeeee;
    594570}
    595571.centerMenuHome th, .centerMenuHome td {
    596572        padding: 5px;
    597         border-bottom: 1px solid #cccccc;
    598573}
    599574.centerMenuHome dl.articleList {
     
    646621        margin: 0;
    647622        padding: 4px 0;
    648         border: 0;
     623        border: none;
    649624        background: none;
    650625        text-align: center;
    651626}
    652 .diaryMessageSideMenu .calendar table {
    653         width: 100%;
    654         table-layout: fixed;
    655 }
    656 .diaryMessageSideMenu .calendar th,
    657 .diaryMessageSideMenu .calendar td {
    658         width: 20px;
    659         border-width: 1px 0 0 1px;
    660         border-style: solid;
    661         border-color: #cccccc;
    662 }
    663627.diaryMessageSideMenu .calendar th {
    664628        background-color: #eeeeee;
     
    666630.diaryMessageSideMenu .calendar td {
    667631        padding: 1px 2px;
    668 }
    669 .diaryMessageSideMenu .calendar colgroup.sun{
    670         border-left: 0;
    671632}
    672633.diaryMessageSideMenu .list {
     
    683644
    684645/*==============================================================================
    685  * 確認用:書き換えていないパーツの領域確保
    686  *----------------------------------------------------------------------------*/
    687 /* LayoutA 左カラム */
    688 div.LayoutA div.Left {
    689         height: 800px;
    690         background-color: #fdd;
    691 }
    692 
    693 /* 7. 書き込み作成ページ案内ボックス(forwardInsertBox) */
    694 div.forwardInsertBox {
    695         background-color: #ddf;
    696 }
    697 
    698 /* 13. 検索ボックス(searchBox) */
    699 div.searchBox {
    700         border: 1px solid red;
    701         text-align: center;
    702 }
    703 
    704 /* 9. 書き込み検索フォーム(searchEntryFormBox)
    705  *    // (3.) 検索結果一覧系(searchResultList)で一時的に記述
    706  */
    707 #pc_page_h_diary_list_all div.double {
    708         padding: 7px;
    709         border: 1px solid #cccccc;
    710 }
    711 #pc_page_h_diary_list_all div.item {
    712         margin: 7px 36px;
    713 }
    714 #pc_page_h_diary_list_all div.box {
    715         padding: 2px;
    716         border: 1px solid #cccccc;
    717 }
    718 #pc_page_h_diary_list_all div.box p {
    719         margin: 4px;
    720 }
    721 
     646 *
     647 *----------------------------------------------------------------------------*/
     648
     649/*==============================================================================
     650 *
     651 *----------------------------------------------------------------------------*/
     652
     653/*==============================================================================
     654 *
     655 *----------------------------------------------------------------------------*/
Note: See TracChangeset for help on using the changeset viewer.