Ignore:
Timestamp:
2011/03/09 14:55:25 (15 years ago)
Author:
Seasoft
Message:

#627(ソース整形・ソースコメントの改善)

  • TAB
  • インデント

#624(軽微な表示乱れを修正)

  • HTML 構文誤り
  • CSS 構文誤り
Location:
branches/version-2_5-dev/html/user_data/packages
Files:
8 edited

Legend:

Unmodified
Added
Removed

  • branches/version-2_5-dev/html/user_data/packages/admin/css/admin_contents.css

    r20407 r20566  
    221221td.AlignLeft { 
    222222    text-align: left; 
    223     padding-left: 11px; 
     223    padding-left: 11px; 
    224224} 
    225225 

  • branches/version-2_5-dev/html/user_data/packages/admin/css/thickbox.css

    r20290 r20566  
    33/* ----------------------------------------------------------------------------------------------------------------*/ 
    44#TB_window { 
    5     font: 12px Arial, Helvetica, sans-serif; 
    6     color: #333333; 
     5    font: 12px Arial, Helvetica, sans-serif; 
     6    color: #333333; 
    77} 
    88 
    99#TB_secondLine { 
    10     font: 10px Arial, Helvetica, sans-serif; 
    11     color:#666666; 
     10    font: 10px Arial, Helvetica, sans-serif; 
     11    color:#666666; 
    1212} 
    1313 
    … …  
    2222/* ----------------------------------------------------------------------------------------------------------------*/ 
    2323#TB_overlay { 
    24     position: fixed; 
    25     z-index:100; 
    26     top: 0px; 
    27     left: 0px; 
    28     height:100%; 
    29     width:100%; 
     24    position: fixed; 
     25    z-index:100; 
     26    top: 0px; 
     27    left: 0px; 
     28    height:100%; 
     29    width:100%; 
    3030} 
    3131 
    3232.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} 
    3333.TB_overlayBG { 
    34     background-color:#000; 
    35     filter:alpha(opacity=75); 
    36     -moz-opacity: 0.75; 
    37     opacity: 0.75; 
     34    background-color:#000; 
     35    filter:alpha(opacity=75); 
     36    -moz-opacity: 0.75; 
     37    opacity: 0.75; 
    3838} 
    3939 
    … …  
    4444 
    4545#TB_window { 
    46     position: fixed; 
    47     background: #ffffff; 
    48     z-index: 102; 
    49     color:#000000; 
    50     display:none; 
    51     border: 4px solid #525252; 
    52     text-align:left; 
    53     top:50%; 
    54     left:50%; 
     46    position: fixed; 
     47    background: #ffffff; 
     48    z-index: 102; 
     49    color:#000000; 
     50    display:none; 
     51    border: 4px solid #525252; 
     52    text-align:left; 
     53    top:50%; 
     54    left:50%; 
    5555} 
    5656 
    … …  
    6161 
    6262#TB_window img#TB_Image { 
    63     display:block; 
    64     margin: 15px 0 0 15px; 
    65     border-right: 1px solid #ccc; 
    66     border-bottom: 1px solid #ccc; 
    67     border-top: 1px solid #666; 
    68     border-left: 1px solid #666; 
     63    display:block; 
     64    margin: 15px 0 0 15px; 
     65    border-right: 1px solid #ccc; 
     66    border-bottom: 1px solid #ccc; 
     67    border-top: 1px solid #666; 
     68    border-left: 1px solid #666; 
    6969} 
    7070 
    7171#TB_caption{ 
    72     height:25px; 
    73     padding:7px 30px 10px 25px; 
    74     float:left; 
     72    height:25px; 
     73    padding:7px 30px 10px 25px; 
     74    float:left; 
    7575} 
    7676 
    7777#TB_closeWindow{ 
    78     height:25px; 
    79     padding:11px 25px 10px 0; 
    80     float:right; 
     78    height:25px; 
     79    padding:11px 25px 10px 0; 
     80    float:right; 
    8181} 
    8282 
    8383#TB_closeAjaxWindow{ 
    84     padding:7px 10px 5px 0; 
    85     margin-bottom:1px; 
    86     text-align:right; 
    87     float:right; 
     84    padding:7px 10px 5px 0; 
     85    margin-bottom:1px; 
     86    text-align:right; 
     87    float:right; 
    8888} 
    8989 
    9090#TB_ajaxWindowTitle{ 
    91     float:left; 
    92     padding:7px 0 5px 10px; 
    93     margin-bottom:1px; 
     91    float:left; 
     92    padding:7px 0 5px 10px; 
     93    margin-bottom:1px; 
    9494} 
    9595 
    9696#TB_title{ 
    97     background-color:#e8e8e8; 
    98     height:27px; 
     97    background-color:#e8e8e8; 
     98    height:27px; 
    9999} 
    100100 
    101101#TB_ajaxContent{ 
    102     clear:both; 
    103     padding:2px 15px 15px 15px; 
    104     overflow:auto; 
    105     text-align:left; 
    106     line-height:1.4em; 
     102    clear:both; 
     103    padding:2px 15px 15px 15px; 
     104    overflow:auto; 
     105    text-align:left; 
     106    line-height:1.4em; 
    107107} 
    108108 
    109109#TB_ajaxContent.TB_modal{ 
    110     padding:15px; 
     110    padding:15px; 
    111111} 
    112112 
    113113#TB_ajaxContent p{ 
    114     padding:5px 0px 5px 0px; 
     114    padding:5px 0px 5px 0px; 
    115115} 
    116116 
    117117#TB_load{ 
    118     position: fixed; 
    119     display:none; 
    120     height:13px; 
    121     width:208px; 
    122     z-index:103; 
    123     top: 50%; 
    124     left: 50%; 
    125     margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ 
     118    position: fixed; 
     119    display:none; 
     120    height:13px; 
     121    width:208px; 
     122    z-index:103; 
     123    top: 50%; 
     124    left: 50%; 
     125    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ 
    126126} 
    127127 
    … …  
    132132 
    133133#TB_HideSelect{ 
    134     z-index:99; 
    135     position:fixed; 
    136     top: 0; 
    137     left: 0; 
    138     background-color:#fff; 
    139     border:none; 
    140     filter:alpha(opacity=0); 
    141     -moz-opacity: 0; 
    142     opacity: 0; 
    143     height:100%; 
    144     width:100%; 
     134    z-index:99; 
     135    position:fixed; 
     136    top: 0; 
     137    left: 0; 
     138    background-color:#fff; 
     139    border:none; 
     140    filter:alpha(opacity=0); 
     141    -moz-opacity: 0; 
     142    opacity: 0; 
     143    height:100%; 
     144    width:100%; 
    145145} 
    146146 
    … …  
    151151 
    152152#TB_iframeContent{ 
    153     clear:both; 
    154     border:none; 
    155     margin-bottom:-1px; 
    156     margin-top:1px; 
    157     _margin-bottom:1px; 
     153    clear:both; 
     154    border:none; 
     155    margin-bottom:-1px; 
     156    margin-top:1px; 
     157    _margin-bottom:1px; 
    158158} 

  • branches/version-2_5-dev/html/user_data/packages/admin/js/admin.js

    r20116 r20566  
    2222// 管理者メンバーを追加する。 
    2323function fnRegistMember() { 
    24     // 必須項目の名前、ログインID、パスワード、権限 
    25     var lstitem = new Array(); 
    26     lstitem[0] = 'name'; 
    27     lstitem[1] = 'login_id'; 
    28     lstitem[2] = 'password'; 
    29     lstitem[3] = 'authority'; 
    30  
    31     var max = lstitem.length; 
    32     var errflg = false; 
    33     var cnt = 0; 
    34  
    35     //　必須項目のチェック 
    36     for(cnt = 0; cnt < max; cnt++) { 
    37         if(document.form1[lstitem[cnt]].value == "") { 
    38             errflg = true; 
    39             break; 
    40         } 
    41     } 
    42  
    43     // 必須項目が入力されていない場合 
    44     if(errflg == true) { 
    45         alert('必須項目を入力して下さい。'); 
    46         return false; 
    47     } else { 
    48         if(window.confirm('内容を登録しても宜しいでしょうか')){ 
    49             return true; 
    50         } else { 
    51             return false; 
    52         } 
    53     } 
     24    // 必須項目の名前、ログインID、パスワード、権限 
     25    var lstitem = new Array(); 
     26    lstitem[0] = 'name'; 
     27    lstitem[1] = 'login_id'; 
     28    lstitem[2] = 'password'; 
     29    lstitem[3] = 'authority'; 
     30 
     31    var max = lstitem.length; 
     32    var errflg = false; 
     33    var cnt = 0; 
     34 
     35    //　必須項目のチェック 
     36    for(cnt = 0; cnt < max; cnt++) { 
     37        if(document.form1[lstitem[cnt]].value == "") { 
     38            errflg = true; 
     39            break; 
     40        } 
     41    } 
     42 
     43    // 必須項目が入力されていない場合 
     44    if(errflg == true) { 
     45        alert('必須項目を入力して下さい。'); 
     46        return false; 
     47    } else { 
     48        if(window.confirm('内容を登録しても宜しいでしょうか')){ 
     49            return true; 
     50        } else { 
     51            return false; 
     52        } 
     53    } 
    5454} 
    5555 
    5656//親ウィンドウのページを変更する。 
    5757function fnUpdateParent(url) { 
    58     // 親ウィンドウの存在確認 
    59     if(fnIsopener()) { 
    60         window.opener.location.href = url; 
    61     } else { 
    62         window.close(); 
    63     } 
     58    // 親ウィンドウの存在確認 
     59    if(fnIsopener()) { 
     60        window.opener.location.href = url; 
     61    } else { 
     62        window.close(); 
     63    } 
    6464} 
    6565 
    6666// 親ウィンドウをポストさせる。 
    6767function fnSubmitParent() { 
    68     // 親ウィンドウの存在確認 
    69     if(fnIsopener()) { 
    70         window.opener.document.form1.submit(); 
    71     } else { 
    72         window.close(); 
    73     } 
     68    // 親ウィンドウの存在確認 
     69    if(fnIsopener()) { 
     70        window.opener.document.form1.submit(); 
     71    } else { 
     72        window.close(); 
     73    } 
    7474} 
    7575 
    7676//指定されたidの削除を行うページを実行する。 
    7777function fnDeleteMember(id, pageno) { 
    78     url = "./delete.php?id=" + id + "&pageno=" + pageno; 
    79     if(window.confirm('登録内容を削除しても宜しいでしょうか')){ 
    80         location.href = url; 
    81     } 
     78    url = "./delete.php?id=" + id + "&pageno=" + pageno; 
     79    if(window.confirm('登録内容を削除しても宜しいでしょうか')){ 
     80        location.href = url; 
     81    } 
    8282} 
    8383 
    … …  
    8787// ラジオボタンのチェック状態を取得する。 
    8888function fnGetRadioChecked() { 
    89     var max; 
    90     var cnt; 
    91     var names = ""; 
    92     var startname = ""; 
    93     var ret; 
    94     max = document.form1.elements.length; 
    95     lstsave = Array(max); 
    96     for(cnt = 0; cnt < max; cnt++) { 
    97         if(document.form1.elements[cnt].type == 'radio') { 
    98             name = document.form1.elements[cnt].name; 
    99             /* radioボタンは同じ名前が２回続けて検出されるので、 
    100                最初の名前の検出であるかどうかの判定 */ 
    101             // 1回目の検出 
    102             if(startname != name) { 
    103                 startname = name; 
    104                 ret = document.form1.elements[cnt].checked; 
    105                 if(ret == true){ 
    106                     // 稼働がチェックされている。 
    107                     lstsave[name] = 1; 
    108                 } 
    109             // 2回目の検出 
    110             } else { 
    111                 ret = document.form1.elements[cnt].checked; 
    112                 if(ret == true){ 
    113                     // 非稼働がチェックされている。 
    114                     lstsave[name] = 0; 
    115                 } 
    116             } 
    117         } 
    118     } 
     89    var max; 
     90    var cnt; 
     91    var names = ""; 
     92    var startname = ""; 
     93    var ret; 
     94    max = document.form1.elements.length; 
     95    lstsave = Array(max); 
     96    for(cnt = 0; cnt < max; cnt++) { 
     97        if(document.form1.elements[cnt].type == 'radio') { 
     98            name = document.form1.elements[cnt].name; 
     99            /* radioボタンは同じ名前が２回続けて検出されるので、 
     100               最初の名前の検出であるかどうかの判定 */ 
     101            // 1回目の検出 
     102            if(startname != name) { 
     103                startname = name; 
     104                ret = document.form1.elements[cnt].checked; 
     105                if(ret == true){ 
     106                    // 稼働がチェックされている。 
     107                    lstsave[name] = 1; 
     108                } 
     109            // 2回目の検出 
     110            } else { 
     111                ret = document.form1.elements[cnt].checked; 
     112                if(ret == true){ 
     113                    // 非稼働がチェックされている。 
     114                    lstsave[name] = 0; 
     115                } 
     116            } 
     117        } 
     118    } 
    119119} 
    120120 
    121121// 管理者メンバーページの切替 
    122122function fnMemberPage(pageno) { 
    123     location.href = "?pageno=" + pageno; 
     123    location.href = "?pageno=" + pageno; 
    124124} 
    125125 
    126126// ページナビで使用する 
    127127function fnNaviSearchPage(pageno, mode) { 
    128     document.form1['search_pageno'].value = pageno; 
    129     document.form1['mode'].value = mode; 
    130     document.form1.submit(); 
     128    document.form1['search_pageno'].value = pageno; 
     129    document.form1['mode'].value = mode; 
     130    document.form1.submit(); 
    131131} 
    132132 
    133133// ページナビで使用する(mode = search専用) 
    134134function fnNaviSearchOnlyPage(pageno) { 
    135     document.form1['search_pageno'].value = pageno; 
    136     document.form1['mode'].value = 'search'; 
    137     document.form1.submit(); 
     135    document.form1['search_pageno'].value = pageno; 
     136    document.form1['mode'].value = 'search'; 
     137    document.form1.submit(); 
    138138} 
    139139 
    140140// ページナビで使用する(form2) 
    141141function fnNaviSearchPage2(pageno) { 
    142     document.form2['search_pageno'].value = pageno; 
    143     document.form2['mode'].value = 'search'; 
    144     document.form2.submit(); 
     142    document.form2['search_pageno'].value = pageno; 
     143    document.form2['mode'].value = 'search'; 
     144    document.form2.submit(); 
    145145} 
    146146 
    147147// 値を代入して指定ページにsubmit 
    148148function fnSetvalAndSubmit( fname, key, val ) { 
    149     fm = document[fname]; 
    150     fm[key].value = val; 
    151     fm.submit(); 
     149    fm = document[fname]; 
     150    fm[key].value = val; 
     151    fm.submit(); 
    152152} 
    153153 
    154154// 項目に入った値をクリアする。 
    155155function fnClearText(name) { 
    156     document.form1[name].value = ""; 
     156    document.form1[name].value = ""; 
    157157} 
    158158 
    159159// カテゴリの追加 
    160160function fnAddCat(cat_id) { 
    161     if(window.confirm('カテゴリを登録しても宜しいでしょうか')){ 
    162         document.form1['mode'].value = 'edit'; 
    163         document.form1['cat_id'].value = cat_id; 
    164     } 
     161    if(window.confirm('カテゴリを登録しても宜しいでしょうか')){ 
     162        document.form1['mode'].value = 'edit'; 
     163        document.form1['cat_id'].value = cat_id; 
     164    } 
    165165} 
    166166 
    167167// カテゴリの編集 
    168168function fnEditCat(parent_id, cat_id) { 
    169     document.form1['mode'].value = 'pre_edit'; 
    170     document.form1['parent_id'].value = parent_id; 
    171     document.form1['edit_cat_id'].value = cat_id; 
    172     document.form1.submit(); 
     169    document.form1['mode'].value = 'pre_edit'; 
     170    document.form1['parent_id'].value = parent_id; 
     171    document.form1['edit_cat_id'].value = cat_id; 
     172    document.form1.submit(); 
    173173} 
    174174 
    175175// 選択カテゴリのチェック 
    176176function fnCheckCat(obj) { 
    177     val = obj[obj.selectedIndex].value; 
    178     if (val == ""){ 
    179         alert ("親カテゴリは選択できません"); 
    180         obj.selectedIndex = 0; 
    181     } 
     177    val = obj[obj.selectedIndex].value; 
     178    if (val == ""){ 
     179        alert ("親カテゴリは選択できません"); 
     180        obj.selectedIndex = 0; 
     181    } 
    182182} 
    183183 
    184184// 確認ページから登録ページへ戻る 
    185185function fnReturnPage() { 
    186     document.form1['mode'].value = 'return'; 
    187     document.form1.submit(); 
     186    document.form1['mode'].value = 'return'; 
     187    document.form1.submit(); 
    188188} 
    189189 
    190190// 規格分類登録へ移動 
    191191function fnClassCatPage(class_id) { 
    192     location.href =  "./classcategory.php?class_id=" + class_id; 
     192    location.href =  "./classcategory.php?class_id=" + class_id; 
    193193} 
    194194 
    195195function fnSetFormValue(name, val) { 
    196     document.form1[name].value = val; 
     196    document.form1[name].value = val; 
    197197} 
    198198 
    199199function fnListCheck(list) { 
    200     len = list.length; 
    201     for(cnt = 0; cnt < len; cnt++) { 
    202         document.form1[list[cnt]].checked = true; 
    203     } 
     200    len = list.length; 
     201    for(cnt = 0; cnt < len; cnt++) { 
     202        document.form1[list[cnt]].checked = true; 
     203    } 
    204204} 
    205205 
    … …  
    214214//指定されたidの削除を行うページを実行する。 
    215215function fnDelete(url) { 
    216     if(window.confirm('登録内容を削除しても宜しいでしょうか')){ 
    217         location.href = url; 
    218         return false; 
    219     } 
     216    if(window.confirm('登録内容を削除しても宜しいでしょうか')){ 
     217        location.href = url; 
     218        return false; 
     219    } 
    220220} 
    221221 
    222222//配送料金を自動入力 
    223223function fnSetDelivFee(max) { 
    224     for(cnt = 1; cnt <= max; cnt++) { 
    225         name = "fee" + cnt; 
    226         document.form1[name].value = document.form1['fee_all'].value; 
    227     } 
     224    for(cnt = 1; cnt <= max; cnt++) { 
     225        name = "fee" + cnt; 
     226        document.form1[name].value = document.form1['fee_all'].value; 
     227    } 
    228228} 
    229229 
    230230// 在庫数制限判定 
    231231function fnCheckStockLimit(icolor) { 
    232     if(document.form1['stock_unlimited']) { 
    233         list = new Array( 
    234             'stock' 
    235             ); 
    236         if(document.form1['stock_unlimited'].checked) { 
    237             fnChangeDisabled(list, icolor); 
    238             document.form1['stock'].value = ""; 
    239         } else { 
    240             fnChangeDisabled(list, ''); 
    241         } 
    242     } 
     232    if(document.form1['stock_unlimited']) { 
     233        list = new Array( 
     234            'stock' 
     235            ); 
     236        if(document.form1['stock_unlimited'].checked) { 
     237            fnChangeDisabled(list, icolor); 
     238            document.form1['stock'].value = ""; 
     239        } else { 
     240            fnChangeDisabled(list, ''); 
     241        } 
     242    } 
    243243} 
    244244 
    245245// 在庫数制限判定 
    246246function fnCheckStockNoLimit(no, icolor) { 
    247     $check_key = "stock_unlimited:"+no; 
    248     $input_key = "stock:"+no; 
    249  
    250     list = new Array($input_key ); 
    251     if(document.form1[$check_key].checked) { 
    252         fnChangeDisabled(list, icolor); 
    253         document.form1[$input_key].value = ""; 
    254     } else { 
    255         fnChangeDisabled(list, ''); 
    256     } 
     247    $check_key = "stock_unlimited:"+no; 
     248    $input_key = "stock:"+no; 
     249 
     250    list = new Array($input_key ); 
     251    if(document.form1[$check_key].checked) { 
     252        fnChangeDisabled(list, icolor); 
     253        document.form1[$input_key].value = ""; 
     254    } else { 
     255        fnChangeDisabled(list, ''); 
     256    } 
    257257} 
    258258 
    259259// 在庫数判定 
    260260function fnCheckAllStockLimit(max, icolor) { 
    261     for(no = 1; no <= max; no++) { 
    262         $check_key = "stock_unlimited:"+no; 
    263         $input_key = "stock:"+no; 
    264  
    265         list = new Array($input_key); 
    266  
    267         if(document.form1[$check_key].checked) { 
    268             fnChangeDisabled(list, icolor); 
    269             document.form1[$input_key].value = ""; 
    270         } else { 
    271             fnChangeDisabled(list, ''); 
    272         } 
    273     } 
     261    for(no = 1; no <= max; no++) { 
     262        $check_key = "stock_unlimited:"+no; 
     263        $input_key = "stock:"+no; 
     264 
     265        list = new Array($input_key); 
     266 
     267        if(document.form1[$check_key].checked) { 
     268            fnChangeDisabled(list, icolor); 
     269            document.form1[$input_key].value = ""; 
     270        } else { 
     271            fnChangeDisabled(list, ''); 
     272        } 
     273    } 
    274274} 
    275275 
    276276// Form指定のSubmit 
    277277function fnFormSubmit(form) { 
    278     document.forms[form].submit(); 
     278    document.forms[form].submit(); 
    279279} 
    280280 
    281281// 確認メッセージ 
    282282function fnConfirm() { 
    283     if(window.confirm('この内容で登録しても宜しいでしょうか')){ 
    284         return true; 
    285     } 
    286     return false; 
     283    if(window.confirm('この内容で登録しても宜しいでしょうか')){ 
     284        return true; 
     285    } 
     286    return false; 
    287287} 
    288288 
    289289//削除確認メッセージ 
    290290function fnDeleteConfirm() { 
    291     if(window.confirm('削除しても宜しいでしょうか')){ 
    292         return true; 
    293     } 
    294     return false; 
     291    if(window.confirm('削除しても宜しいでしょうか')){ 
     292        return true; 
     293    } 
     294    return false; 
    295295} 
    296296 
    297297//メルマガ形式変更確認メッセージ 
    298298function fnmerumagaupdateConfirm() { 
    299     if(window.confirm("既に登録されているメールアドレスです。\nメルマガの種類が変更されます。宜しいですか？")){ 
    300         return true; 
    301     } 
    302     return false; 
     299    if(window.confirm("既に登録されているメールアドレスです。\nメルマガの種類が変更されます。宜しいですか？")){ 
     300        return true; 
     301    } 
     302    return false; 
    303303} 
    304304 
    … …  
    306306function fnInsertValAndSubmit( fm, ele, val, msg ){ 
    307307 
    308     if ( msg ){ 
    309         ret = window.confirm(msg); 
    310     } else { 
    311         ret = true; 
    312     } 
    313     if( ret ){ 
    314         fm[ele].value = val; 
    315         fm.submit(); 
    316         return false; 
    317     } 
    318     return false; 
     308    if ( msg ){ 
     309        ret = window.confirm(msg); 
     310    } else { 
     311        ret = true; 
     312    } 
     313    if( ret ){ 
     314        fm[ele].value = val; 
     315        fm.submit(); 
     316        return false; 
     317    } 
     318    return false; 
    319319} 
    320320 
    321321// 自分以外の要素を有効・無効にする 
    322322function fnSetDisabled ( f_name, e_name, flag ) { 
    323     fm = document[f_name]; 
    324  
    325     //　必須項目のチェック 
    326     for(cnt = 0; cnt < fm.elements.length; cnt++) { 
    327         if( fm[cnt].name != e_name && fm[cnt].name != 'subm' && fm[cnt].name != 'mode') { 
    328             fm[cnt].disabled = flag; 
    329             if ( flag == true ){ 
    330                 fm[cnt].style.backgroundColor = "#cccccc"; 
    331             } else { 
    332                 fm[cnt].style.backgroundColor = "#ffffff"; 
    333             } 
    334         } 
    335     } 
     323    fm = document[f_name]; 
     324 
     325    //　必須項目のチェック 
     326    for(cnt = 0; cnt < fm.elements.length; cnt++) { 
     327        if( fm[cnt].name != e_name && fm[cnt].name != 'subm' && fm[cnt].name != 'mode') { 
     328            fm[cnt].disabled = flag; 
     329            if ( flag == true ){ 
     330                fm[cnt].style.backgroundColor = "#cccccc"; 
     331            } else { 
     332                fm[cnt].style.backgroundColor = "#ffffff"; 
     333            } 
     334        } 
     335    } 
    336336} 
    337337 
    … …  
    339339//リストボックス内の項目を移動する 
    340340function fnMoveCat(sel1, sel2, mode_name) { 
    341     var fm = document.form1; 
    342     for(i = 0; i < fm[sel1].length; i++) { 
    343         if(fm[sel1].options[i].selected) { 
    344             if(fm[sel2].value != "") { 
    345                 fm[sel2].value += "-" + fm[sel1].options[i].value; 
    346             } else { 
    347                 fm[sel2].value = fm[sel1].options[i].value; 
    348             } 
    349         } 
    350     } 
    351     fm["mode"].value = mode_name; 
    352     fm.submit(); 
     341    var fm = document.form1; 
     342    for(i = 0; i < fm[sel1].length; i++) { 
     343        if(fm[sel1].options[i].selected) { 
     344            if(fm[sel2].value != "") { 
     345                fm[sel2].value += "-" + fm[sel1].options[i].value; 
     346            } else { 
     347                fm[sel2].value = fm[sel1].options[i].value; 
     348            } 
     349        } 
     350    } 
     351    fm["mode"].value = mode_name; 
     352    fm.submit(); 
    353353} 
    354354 
    355355//リストボックス内の項目を削除する 
    356356function fnDelListContents(sel1, sel2, mode_name) { 
    357     fm = document.form1; 
    358     for(j = 0; j < fm[sel1].length; j++) { 
    359         if(fm[sel1].options[i].selected) { 
    360             fm[sel2].value = fm[sel2].value.replace(fm[sel1].options[i].value, ""); 
    361         } 
    362     } 
    363  
    364     fm["mode"].value = mode_name; 
    365     fm.submit(); 
     357    fm = document.form1; 
     358    for(j = 0; j < fm[sel1].length; j++) { 
     359        if(fm[sel1].options[i].selected) { 
     360            fm[sel2].value = fm[sel2].value.replace(fm[sel1].options[i].value, ""); 
     361        } 
     362    } 
     363 
     364    fm["mode"].value = mode_name; 
     365    fm.submit(); 
    366366} 
    367367 
    368368//一行目の価格を以下の行にコピーする 
    369369function fnCopyValue(length, icolor) { 
    370     fm = document.form1; 
    371     for(i = 1; i <= length; i++) { 
    372         fm['product_code:' + i].value = fm['product_code:1'].value; 
    373         fm['stock:' + i].value = fm['stock:1'].value; 
    374         fm['price01:' + i].value = fm['price01:1'].value; 
    375         fm['price02:' + i].value = fm['price02:1'].value; 
    376         fm['stock_unlimited:' + i].checked = fm['stock_unlimited:1'].checked; 
    377         fm['stock:' + i].disabled = fm['stock:1'].disabled; 
    378         fm['stock:' + i].style.backgroundColor = fm['stock:1'].style.backgroundColor; 
    379     } 
     370    fm = document.form1; 
     371    for(i = 1; i <= length; i++) { 
     372        fm['product_code:' + i].value = fm['product_code:1'].value; 
     373        fm['stock:' + i].value = fm['stock:1'].value; 
     374        fm['price01:' + i].value = fm['price01:1'].value; 
     375        fm['price02:' + i].value = fm['price02:1'].value; 
     376        fm['stock_unlimited:' + i].checked = fm['stock_unlimited:1'].checked; 
     377        fm['stock:' + i].disabled = fm['stock:1'].disabled; 
     378        fm['stock:' + i].style.backgroundColor = fm['stock:1'].style.backgroundColor; 
     379    } 
    380380} 
    381381 
    382382// タグの表示非表示切り替え 
    383383function fnDispChange(disp_id, inner_id, disp_flg){ 
    384     disp_state = document.getElementById(disp_id).style.display; 
    385  
    386     if (disp_state == "") { 
    387         document.form1[disp_flg].value="none"; 
    388         document.getElementById(disp_id).style.display="none"; 
    389         document.getElementById(inner_id).innerHTML = '<FONT Color="#FFFF99"> << 表示 </FONT>'; 
    390     }else{ 
    391         document.form1[disp_flg].value=""; 
    392         document.getElementById(disp_id).style.display=""; 
    393         document.getElementById(inner_id).innerHTML = ' <FONT Color="#FFFF99"> >> 非表示 </FONT>'; 
    394     } 
     384    disp_state = document.getElementById(disp_id).style.display; 
     385 
     386    if (disp_state == "") { 
     387        document.form1[disp_flg].value="none"; 
     388        document.getElementById(disp_id).style.display="none"; 
     389        document.getElementById(inner_id).innerHTML = '<FONT Color="#FFFF99"> << 表示 </FONT>'; 
     390    }else{ 
     391        document.form1[disp_flg].value=""; 
     392        document.getElementById(disp_id).style.display=""; 
     393        document.getElementById(inner_id).innerHTML = ' <FONT Color="#FFFF99"> >> 非表示 </FONT>'; 
     394    } 
    395395} 
    396396 

  • branches/version-2_5-dev/html/user_data/packages/admin/js/file_manager.js

    r20116 r20566  
    2121 */ 
    2222 
    23 var tree = "";                      // 生成HTML格納 
    24 var count = 0;                      // ループカウンタ 
    25 var arrTreeStatus = new Array();    // ツリー状態保持 
    26 var old_select_id = '';             // 前回選択していたファイル 
    27 var selectFileHidden = "";          // 選択したファイルのhidden名 
    28 var treeStatusHidden = "";          // ツリー状態保存用のhidden名 
    29 var modeHidden = "";                // modeセットhidden名 
     23var tree = "";                      // 生成HTML格納 
     24var count = 0;                      // ループカウンタ 
     25var arrTreeStatus = new Array();    // ツリー状態保持 
     26var old_select_id = '';             // 前回選択していたファイル 
     27var selectFileHidden = "";          // 選択したファイルのhidden名 
     28var treeStatusHidden = "";          // ツリー状態保存用のhidden名 
     29var modeHidden = "";                // modeセットhidden名 
    3030 
    3131// ツリー表示 
    3232function fnTreeView(view_id, arrTree, openFolder, selectHidden, treeHidden, mode) { 
    33     selectFileHidden = selectHidden; 
    34     treeStatusHidden = treeHidden; 
    35     modeHidden = mode; 
    36  
    37     for(i = 0; i < arrTree.length; i++) { 
    38  
    39         id = arrTree[i][0]; 
    40         level = arrTree[i][3]; 
    41  
    42         if(i == 0) { 
    43             old_id = "0"; 
    44             old_level = 0; 
    45         } else { 
    46             old_id = arrTree[i-1][0]; 
    47             old_level = arrTree[i-1][3]; 
    48         } 
    49  
    50         // 階層上へ戻る 
    51         if(level <= (old_level - 1)) { 
    52             tmp_level = old_level - level; 
    53             for(up_roop = 0; up_roop <= tmp_level; up_roop++) { 
    54                 tree += '</div>'; 
    55             } 
    56         } 
    57  
    58         // 同一階層で次のフォルダへ 
    59         if(id != old_id && level == old_level) tree += '</div>'; 
    60  
    61         // 階層の分だけスペースを入れる 
    62         for(space_cnt = 0; space_cnt < arrTree[i][3]; space_cnt++) { 
    63             tree += "&nbsp;&nbsp;&nbsp;"; 
    64         } 
    65  
    66         // 階層画像の表示・非表示処理 
    67         if(arrTree[i][4]) { 
    68             if(arrTree[i][1] == '_parent') { 
    69                 rank_img = IMG_MINUS; 
    70             } else { 
    71                 rank_img = IMG_NORMAL; 
    72             } 
    73             // 開き状態を保持 
    74             arrTreeStatus.push(arrTree[i][2]); 
    75             display = 'block'; 
    76         } else { 
    77             if(arrTree[i][1] == '_parent') { 
    78                 rank_img = IMG_PLUS; 
    79             } else { 
    80                 rank_img = IMG_NORMAL; 
    81             } 
    82             display = 'none'; 
    83         } 
    84  
    85         arrFileSplit = arrTree[i][2].split("/"); 
    86         file_name = arrFileSplit[arrFileSplit.length-1]; 
    87  
    88         // フォルダの画像を選択 
    89         if(arrTree[i][2] == openFolder) { 
    90             folder_img = IMG_FOLDER_OPEN; 
    91             file_name = "<b>" + file_name + "</b>"; 
    92         } else { 
    93             folder_img = IMG_FOLDER_CLOSE; 
    94         } 
    95  
    96         // 階層画像に子供がいたらオンクリック処理をつける 
    97         if(rank_img != IMG_NORMAL) { 
    98             tree += '<a href="javascript:fnTreeMenu(\'tree'+ i +'\',\'rank_img'+ i +'\',\''+ arrTree[i][2] +'\')"><img src="'+ rank_img +'" border="0" name="rank_img'+ i +'" id="rank_img'+ i +'">'; 
    99         } else { 
    100             tree += '<img src="'+ rank_img +'" border="0" name="rank_img'+ i +'" id="rank_img'+ i +'">'; 
    101         } 
    102         tree += '<a href="javascript:fnFolderOpen(\''+ arrTree[i][2] +'\')"><img src="'+ folder_img +'" border="0" name="tree_img'+ i +'" id="tree_img'+ i +'">&nbsp;'+ file_name +'</a><br/>'; 
    103         tree += '<div id="tree'+ i +'" style="display:'+ display +'">'; 
    104  
    105     } 
    106     fnDrow(view_id, tree); 
    107     //document.tree_form.tree_test2.focus(); 
     33    selectFileHidden = selectHidden; 
     34    treeStatusHidden = treeHidden; 
     35    modeHidden = mode; 
     36 
     37    for(i = 0; i < arrTree.length; i++) { 
     38 
     39        id = arrTree[i][0]; 
     40        level = arrTree[i][3]; 
     41 
     42        if(i == 0) { 
     43            old_id = "0"; 
     44            old_level = 0; 
     45        } else { 
     46            old_id = arrTree[i-1][0]; 
     47            old_level = arrTree[i-1][3]; 
     48        } 
     49 
     50        // 階層上へ戻る 
     51        if(level <= (old_level - 1)) { 
     52            tmp_level = old_level - level; 
     53            for(up_roop = 0; up_roop <= tmp_level; up_roop++) { 
     54                tree += '</div>'; 
     55            } 
     56        } 
     57 
     58        // 同一階層で次のフォルダへ 
     59        if(id != old_id && level == old_level) tree += '</div>'; 
     60 
     61        // 階層の分だけスペースを入れる 
     62        for(space_cnt = 0; space_cnt < arrTree[i][3]; space_cnt++) { 
     63            tree += "&nbsp;&nbsp;&nbsp;"; 
     64        } 
     65 
     66        // 階層画像の表示・非表示処理 
     67        if(arrTree[i][4]) { 
     68            if(arrTree[i][1] == '_parent') { 
     69                rank_img = IMG_MINUS; 
     70            } else { 
     71                rank_img = IMG_NORMAL; 
     72            } 
     73            // 開き状態を保持 
     74            arrTreeStatus.push(arrTree[i][2]); 
     75            display = 'block'; 
     76        } else { 
     77            if(arrTree[i][1] == '_parent') { 
     78                rank_img = IMG_PLUS; 
     79            } else { 
     80                rank_img = IMG_NORMAL; 
     81            } 
     82            display = 'none'; 
     83        } 
     84 
     85        arrFileSplit = arrTree[i][2].split("/"); 
     86        file_name = arrFileSplit[arrFileSplit.length-1]; 
     87 
     88        // フォルダの画像を選択 
     89        if(arrTree[i][2] == openFolder) { 
     90            folder_img = IMG_FOLDER_OPEN; 
     91            file_name = "<b>" + file_name + "</b>"; 
     92        } else { 
     93            folder_img = IMG_FOLDER_CLOSE; 
     94        } 
     95 
     96        // 階層画像に子供がいたらオンクリック処理をつける 
     97        if(rank_img != IMG_NORMAL) { 
     98            tree += '<a href="javascript:fnTreeMenu(\'tree'+ i +'\',\'rank_img'+ i +'\',\''+ arrTree[i][2] +'\')"><img src="'+ rank_img +'" border="0" name="rank_img'+ i +'" id="rank_img'+ i +'">'; 
     99        } else { 
     100            tree += '<img src="'+ rank_img +'" border="0" name="rank_img'+ i +'" id="rank_img'+ i +'">'; 
     101        } 
     102        tree += '<a href="javascript:fnFolderOpen(\''+ arrTree[i][2] +'\')"><img src="'+ folder_img +'" border="0" name="tree_img'+ i +'" id="tree_img'+ i +'">&nbsp;'+ file_name +'</a><br/>'; 
     103        tree += '<div id="tree'+ i +'" style="display:'+ display +'">'; 
     104 
     105    } 
     106    fnDrow(view_id, tree); 
     107    //document.tree_form.tree_test2.focus(); 
    108108} 
    109109 
    110110// Tree状態をhiddenにセット 
    111111function setTreeStatus(name) { 
    112     var tree_status = ""; 
    113     for(i=0; i < arrTreeStatus.length ;i++) { 
    114         if(i != 0) tree_status += '|'; 
    115         tree_status += arrTreeStatus[i]; 
    116     } 
    117     document.form1[name].value = tree_status; 
     112    var tree_status = ""; 
     113    for(i=0; i < arrTreeStatus.length ;i++) { 
     114        if(i != 0) tree_status += '|'; 
     115        tree_status += arrTreeStatus[i]; 
     116    } 
     117    document.form1[name].value = tree_status; 
    118118} 
    119119 
    120120// Tree状態を削除する(閉じる状態へ) 
    121121function fnDelTreeStatus(path) { 
    122     for(i=0; i < arrTreeStatus.length ;i++) { 
    123         if(arrTreeStatus[i] == path) { 
    124             arrTreeStatus[i] = ""; 
    125         } 
    126     } 
     122    for(i=0; i < arrTreeStatus.length ;i++) { 
     123        if(arrTreeStatus[i] == path) { 
     124            arrTreeStatus[i] = ""; 
     125        } 
     126    } 
    127127} 
    128128// ツリー描画 
    129129function fnDrow(id, tree) { 
    130     // ブラウザ取得 
    131     MyBR = fnGetMyBrowser(); 
    132     // ブラウザ事に処理を切り分け 
    133     switch(myBR) { 
    134         // IE4の時の表示 
    135         case 'I4': 
    136             document.all(id).innerHTML = tree; 
    137             break; 
    138         // NN4の時の表示 
    139         case 'N4': 
    140             document.layers[id].document.open(); 
    141             document.layers[id].document.write("<div>"); 
    142             document.layers[id].document.write(tree); 
    143             document.layers[id].document.write("</div>"); 
    144             document.layers[id].document.close(); 
    145             break; 
    146         default: 
    147             document.getElementById(id).innerHTML=tree; 
    148             break; 
    149     } 
     130    // ブラウザ取得 
     131    MyBR = fnGetMyBrowser(); 
     132    // ブラウザ事に処理を切り分け 
     133    switch(myBR) { 
     134        // IE4の時の表示 
     135        case 'I4': 
     136            document.all(id).innerHTML = tree; 
     137            break; 
     138        // NN4の時の表示 
     139        case 'N4': 
     140            document.layers[id].document.open(); 
     141            document.layers[id].document.write("<div>"); 
     142            document.layers[id].document.write(tree); 
     143            document.layers[id].document.write("</div>"); 
     144            document.layers[id].document.close(); 
     145            break; 
     146        default: 
     147            document.getElementById(id).innerHTML=tree; 
     148            break; 
     149    } 
    150150} 
    151151 
    … …  
    153153function fnTreeMenu(tName, imgName, path) { 
    154154 
    155     tMenu = $("#" + tName); 
    156  
    157     if(tMenu.css("display") == 'none') { 
    158         fnChgImg(IMG_MINUS, imgName); 
    159         tMenu.show(); 
    160         // 階層の開いた状態を保持 
    161         arrTreeStatus.push(path); 
    162  
    163     } else { 
    164         fnChgImg(IMG_PLUS, imgName); 
    165         tMenu.hide(); 
    166         // 閉じ状態を保持 
    167         fnDelTreeStatus(path); 
    168     } 
     155    tMenu = $("#" + tName); 
     156 
     157    if(tMenu.css("display") == 'none') { 
     158        fnChgImg(IMG_MINUS, imgName); 
     159        tMenu.show(); 
     160        // 階層の開いた状態を保持 
     161        arrTreeStatus.push(path); 
     162 
     163    } else { 
     164        fnChgImg(IMG_PLUS, imgName); 
     165        tMenu.hide(); 
     166        // 閉じ状態を保持 
     167        fnDelTreeStatus(path); 
     168    } 
    169169} 
    170170 
    … …  
    172172function fnDbClick(arrTree, path, is_dir, now_dir, is_parent) { 
    173173 
    174     if(is_dir) { 
    175         if(!is_parent) { 
    176             for(cnt = 0; cnt < arrTree.length; cnt++) { 
    177                 if(now_dir == arrTree[cnt][2]) { 
    178                     open_flag = false; 
    179                     for(status_cnt = 0; status_cnt < arrTreeStatus.length; status_cnt++) { 
    180                         if(arrTreeStatus[status_cnt] == arrTree[cnt][2]) open_flag = true; 
    181                     } 
    182                     if(!open_flag) fnTreeMenu('tree'+cnt, 'rank_img'+cnt, arrTree[cnt][2]); 
    183                 } 
    184             } 
    185         } 
    186         fnFolderOpen(path); 
    187     } else { 
    188         // Download 
    189         fnModeSubmit('download','',''); 
    190     } 
     174    if(is_dir) { 
     175        if(!is_parent) { 
     176            for(cnt = 0; cnt < arrTree.length; cnt++) { 
     177                if(now_dir == arrTree[cnt][2]) { 
     178                    open_flag = false; 
     179                    for(status_cnt = 0; status_cnt < arrTreeStatus.length; status_cnt++) { 
     180                        if(arrTreeStatus[status_cnt] == arrTree[cnt][2]) open_flag = true; 
     181                    } 
     182                    if(!open_flag) fnTreeMenu('tree'+cnt, 'rank_img'+cnt, arrTree[cnt][2]); 
     183                } 
     184            } 
     185        } 
     186        fnFolderOpen(path); 
     187    } else { 
     188        // Download 
     189        fnModeSubmit('download','',''); 
     190    } 
    191191} 
    192192 
    … …  
    194194function fnFolderOpen(path) { 
    195195 
    196     // クリックしたフォルダ情報を保持 
    197     document.form1[selectFileHidden].value = path; 
    198     // treeの状態をセット 
    199     setTreeStatus(treeStatusHidden); 
    200     // submit 
    201     fnModeSubmit(modeHidden,'',''); 
     196    // クリックしたフォルダ情報を保持 
     197    document.form1[selectFileHidden].value = path; 
     198    // treeの状態をセット 
     199    setTreeStatus(treeStatusHidden); 
     200    // submit 
     201    fnModeSubmit(modeHidden,'',''); 
    202202} 
    203203 
    … …  
    205205// 閲覧ブラウザ取得 
    206206function fnGetMyBrowser() { 
    207     myOP = window.opera;            // OP 
    208     myN6 = document.getElementById; // N6 
    209     myIE = document.all;            // IE 
    210     myN4 = document.layers;         // N4 
    211     if      (myOP) myBR="O6";       // OP6以上 
    212     else if (myIE) myBR="I4";       // IE4以上 
    213     else if (myN6) myBR="N6";       // NS6以上 
    214     else if (myN4) myBR="N4";       // NN4 
    215     else           myBR="";         // その他 
    216  
    217     return myBR; 
     207    myOP = window.opera;            // OP 
     208    myN6 = document.getElementById; // N6 
     209    myIE = document.all;            // IE 
     210    myN4 = document.layers;         // N4 
     211    if      (myOP) myBR="O6";       // OP6以上 
     212    else if (myIE) myBR="I4";       // IE4以上 
     213    else if (myN6) myBR="N6";       // NS6以上 
     214    else if (myN4) myBR="N4";       // NN4 
     215    else           myBR="";         // その他 
     216 
     217    return myBR; 
    218218} 
    219219 
    220220// imgタグの画像変更 
    221221function fnChgImg(fileName,imgName){ 
    222     $("#" + imgName).attr("src", fileName); 
     222    $("#" + imgName).attr("src", fileName); 
    223223} 
    224224 
    225225// ファイル選択 
    226226function fnSelectFile(id, val) { 
    227     old_select_id = id; 
    228 } 
     227    old_select_id = id; 
     228} 

  • branches/version-2_5-dev/html/user_data/packages/sphone/css/common.css

    r20116 r20566  
    44----------------------------------------------- */ 
    55body { 
    6 background: rgb(197,204,211) url(../img/common/stripes.png); 
    7 background-position: 50% 0% fixed; 
    8 font-family: helvetica, Osaka; 
    9 font-size:small; 
    10 margin: 0px 3.13% 10px; 
    11 padding: 0px; 
    12 -webkit-user-select: none; 
    13 -webkit-text-size-adjust: none; 
    14 -webkit-tap-highlight-color: rgba(51,102,204,0.70); 
    15 max-width: 100%; 
     6    background: rgb(197,204,211) url(../img/common/stripes.png); 
     7    background-position: 50% 0% fixed; 
     8    font-family: helvetica, Osaka; 
     9    font-size:small; 
     10    margin: 0px 3.13% 10px; 
     11    padding: 0px; 
     12    -webkit-user-select: none; 
     13    -webkit-text-size-adjust: none; 
     14    -webkit-tap-highlight-color: rgba(51,102,204,0.70); 
     15    max-width: 100%; 
    1616} 
    1717 
    … …  
    1919----------------------------------------------- */ 
    2020a { 
    21     color: #5B87A4; 
    22     text-decoration: none; 
     21    color: #5B87A4; 
     22    text-decoration: none; 
    2323} 
    2424form { 
    25     margin: 0; 
    26     padding: 0; 
     25    margin: 0; 
     26    padding: 0; 
    2727} 
    2828table,img,p { 
    29     border: 0; 
     29    border: 0; 
    3030} 
    3131em { 
    32     font-weight: bold; 
    33     font-style: normal; 
    34     color: #C00; 
     32    font-weight: bold; 
     33    font-style: normal; 
     34    color: #C00; 
    3535} 
    3636hr { 
    37     display: none; 
     37    display: none; 
    3838} 
    3939p { 
    40     margin: 0 0 1em; 
    41     padding: 0; 
     40    margin: 0 0 1em; 
     41    padding: 0; 
    4242} 
    4343li { 
    44 list-style-type: none; 
     44    list-style-type: none; 
    4545} 
    4646img { 
    47 vertical-align: bottom; 
     47    vertical-align: bottom; 
    4848} 
    4949.hidden { 
    50     display: none; 
     50    display: none; 
    5151} 
    5252br.clear { 
    53 clear: both; 
    54 display: none; 
    55 font-size: 0px; 
    56 line-height: 0%; 
    57 height: 0px 
     53    clear: both; 
     54    display: none; 
     55    font-size: 0px; 
     56    line-height: 0%; 
     57    height: 0px 
    5858} 
    5959 
    … …  
    6565.recomendblock > div  
    6666.whoboughtblock > div { 
    67 content: ""; 
    68 display: block; 
    69 height: 0; 
    70 clear: both; 
    71 visibility: hidden; 
     67    content: ""; 
     68    display: block; 
     69    height: 0; 
     70    clear: both; 
     71    visibility: hidden; 
    7272} 
    7373 
    … …  
    7575----------------------------------------------- */ 
    7676h1,h2,h3,h4,h5 { 
    77 font-size: 100%; 
    78 line-height: 150%; 
     77    font-size: 100%; 
     78    line-height: 150%; 
    7979} 
    8080.price { color: #ff0000; font-weight: bold; } 
    … …  
    8585----------------------------------------------- */ 
    8686div#wrapper { 
    87 margin: 0 auto; 
    88 padding: 0; 
    89 text-align: left; 
    90 background: #FFFFFF; 
    91 overflow: hidden; 
     87    margin: 0 auto; 
     88    padding: 0; 
     89    text-align: left; 
     90    background: #FFFFFF; 
     91    overflow: hidden; 
    9292} 
    9393 
    … …  
    9595----------------------------------------------- */ 
    9696h2 { 
    97 color:#4D576B; 
    98 font: bold 22px helvetica; 
    99 background-color: transparent; 
    100 text-shadow: 0px 1px 1px #ffffff; 
    101 margin: 10px 0px; 
     97    color:#4D576B; 
     98    font: bold 22px helvetica; 
     99    background-color: transparent; 
     100    text-shadow: 0px 1px 1px #ffffff; 
     101    margin: 10px 0px; 
    102102} 
    103103 
    … …  
    105105----------------------------------------------- */ 
    106106#mycontentsarea h3 { 
    107 color:#4D576B; 
    108 font: bold 19px helvetica; 
    109 text-shadow: 0px 1px 1px #ffffff; 
     107    color:#4D576B; 
     108    font: bold 19px helvetica; 
     109    text-shadow: 0px 1px 1px #ffffff; 
    110110} 
    111111 
    … …  
    120120#windowarea h2, 
    121121#pan + h2 { 
    122 display: inline-block; 
    123 width: 106.8%; 
    124 margin: 0 0 1em -3.4%; 
    125 color: #ffffff; 
    126 text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    127 font: bold 17px helvetica; 
    128 padding: 0.45em 0; 
    129 background-color: #333332; 
    130 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); 
    131 border-top: 1px solid rgba(255,255,255,0.3); 
    132 border-bottom: 1px solid rgba(0,0,0,1); 
    133 text-align:center; 
    134 vertical-align: middle; 
    135 white-space: nowrap; 
    136 overflow: hidden; 
    137 text-overflow: ellipsis; 
     122    display: inline-block; 
     123    width: 106.8%; 
     124    margin: 0 0 1em -3.4%; 
     125    color: #ffffff; 
     126    text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
     127    font: bold 17px helvetica; 
     128    padding: 0.45em 0; 
     129    background-color: #333332; 
     130    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); 
     131    border-top: 1px solid rgba(255,255,255,0.3); 
     132    border-bottom: 1px solid rgba(0,0,0,1); 
     133    text-align:center; 
     134    vertical-align: middle; 
     135    white-space: nowrap; 
     136    overflow: hidden; 
     137    text-overflow: ellipsis; 
    138138} 
    139139 
    … …  
    141141----------------------------------------------- */ 
    142142#navigation_bar > h2{ 
    143 font: bold 17px helvetica; 
    144 color: #ffffff; 
    145 vertical-align: middle; 
    146 text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    147 margin: 0; 
    148 display: inline-block; 
    149 max-width: 65%; 
    150 white-space: nowrap; 
    151 overflow: hidden; 
    152 text-overflow: ellipsis; 
    153 -webkit-text-overflow: ellipsis; 
     143    font: bold 17px helvetica; 
     144    color: #ffffff; 
     145    vertical-align: middle; 
     146    text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
     147    margin: 0; 
     148    display: inline-block; 
     149    max-width: 65%; 
     150    white-space: nowrap; 
     151    overflow: hidden; 
     152    text-overflow: ellipsis; 
     153    -webkit-text-overflow: ellipsis; 
    154154} 
    155155 
    … …  
    168168----------------------------------------------- */ 
    169169#pagetop { 
    170 width: 100%; 
    171 margin: 25px 0 0; 
    172 text-align: right; 
     170    width: 100%; 
     171    margin: 25px 0 0; 
     172    text-align: right; 
    173173} 
    174174#pagetop a{ 
    175 color:#4D576B; 
    176 font: bold 13px helvetica; 
    177 text-shadow: 0px 1px 1px #ffffff; 
    178 text-decoration: underline; 
     175    color:#4D576B; 
     176    font: bold 13px helvetica; 
     177    text-shadow: 0px 1px 1px #ffffff; 
     178    text-decoration: underline; 
    179179} 
    180180div#footer { 
    181 margin: 0; 
    182 padding: 0; 
    183 text-align: center; 
     181    margin: 0; 
     182    padding: 0; 
     183    text-align: center; 
    184184} 
    185185 
    … …  
    187187----------------------------------------------- */ 
    188188#footer-menu { 
    189 text-align: left; 
    190 font: bold 15px helvetica; 
     189    text-align: left; 
     190    font: bold 15px helvetica; 
    191191} 
    192192#footer-menu li{ 
    193 background: #ffffff url(../img/common/chevron.png) no-repeat right center; 
     193    background: #ffffff url(../img/common/chevron.png) no-repeat right center; 
    194194} 
    195195#footer-navi { 
    196 float:left; 
    197 list-style:none outside none; 
    198 margin: 0 auto 4px; 
    199 padding: 0 0 0 5px; 
    200 text-align:center; 
    201 width: 100%; 
    202 border: none; 
    203 background-color: transparent; 
     196    float:left; 
     197    list-style:none outside none; 
     198    margin: 0 auto 4px; 
     199    padding: 0 0 0 5px; 
     200    text-align:center; 
     201    width: 100%; 
     202    border: none; 
     203    background-color: transparent; 
    204204} 
    205205#footer-navi > li{ 
    206 display: inline; 
    207 color:#4D576B; 
    208 font: bold 12px helvetica; 
    209 background-color: transparent; 
    210 text-shadow: 0px 1px 1px #ffffff; 
    211 border: none; 
    212 border-right: 1px dotted #999999; 
    213 -webkit-border-radius: 0; 
    214 line-height: 1em; 
    215 margin: 0; 
    216 padding: 0; 
     206    display: inline; 
     207    color:#4D576B; 
     208    font: bold 12px helvetica; 
     209    background-color: transparent; 
     210    text-shadow: 0px 1px 1px #ffffff; 
     211    border: none; 
     212    border-right: 1px dotted #999999; 
     213    -webkit-border-radius: 0; 
     214    line-height: 1em; 
     215    margin: 0; 
     216    padding: 0; 
    217217} 
    218218#footer-navi > li:last-child{ 
    219 border-right: none; 
     219    border-right: none; 
    220220} 
    221221#footer-navi > li > a { 
    222 margin: 0; 
    223 padding: 0; 
    224 display: inline; 
    225 color:#4D576B; 
     222    margin: 0; 
     223    padding: 0; 
     224    display: inline; 
     225    color:#4D576B; 
    226226} 
    227227#copyright { 
    228 margin: 7px 0px; 
    229 color: #4D576B; 
    230 font: bold 17px helvetica; 
    231 text-shadow: 0px 1px 1px #ffffff; 
    232 text-align: center; 
     228    margin: 7px 0px; 
     229    color: #4D576B; 
     230    font: bold 17px helvetica; 
     231    text-shadow: 0px 1px 1px #ffffff; 
     232    text-align: center; 
    233233} 
    234234#copyright a{ 
    235 color: #4D576B; 
    236 text-decoration: under-line; 
     235    color: #4D576B; 
     236    text-decoration: under-line; 
    237237} 
    238238 
    … …  
    245245----------------------------------------------- */ 
    246246div#pan { 
    247 display: none; 
     247    display: none; 
    248248} 
    249249 
    … …  
    252252 
    253253div .error { 
    254     text-align:center; 
     254    text-align:center; 
    255255    padding: 30px 0; 
    256256} 
    … …  
    260260----------------------------------------------- */ 
    261261input[size="40"] { 
    262 width: 50%; 
     262    width: 50%; 
    263263} 
    264264input[type="password"] { 
    265 width: 50%; 
     265    width: 50%; 
    266266} 
    267267input[type="tel"] { 
    268 width: 3em; 
     268    width: 3em; 
    269269} 
    270270input, tr, th, td { 
    271 max-width: 93.8%; 
     271    max-width: 93.8%; 
    272272} 
    273273input { 
    274 font-size: small; 
     274    font-size: small; 
    275275} 
    276276textarea{ 
    277 font-size: small; 
    278 width: 95%; 
     277    font-size: small; 
     278    width: 95%; 
    279279} 
    280280form dl{ 
    281 font: bold small helvetica; 
    282 margin: 10px 0; 
     281    font: bold small helvetica; 
     282    margin: 10px 0; 
    283283} 
    284284form dt{ 
    285 margin: 5px 0; 
    286 color:#4D576B; 
    287 font: bold small helvetica; 
    288 background-color: transparent; 
    289 text-shadow: 0px 1px 1px #ffffff; 
    290 border: none; 
     285    margin: 5px 0; 
     286    color:#4D576B; 
     287    font: bold small helvetica; 
     288    background-color: transparent; 
     289    text-shadow: 0px 1px 1px #ffffff; 
     290    border: none; 
    291291} 
    292292form dd{ 
    293 margin:0; 
    294 background-color: rgba(255,255,255,0.3); 
    295 color: #999999; 
    296 border: 2px dotted #B4B4B4; 
    297 list-style-type: none; 
    298 padding: 10px 7px; 
    299 -webkit-border-radius: 8px; 
     293    margin:0; 
     294    background-color: rgba(255,255,255,0.3); 
     295    color: #999999; 
     296    border: 2px dotted #B4B4B4; 
     297    list-style-type: none; 
     298    padding: 10px 7px; 
     299    -webkit-border-radius: 8px; 
    300300} 
    301301 
    302302body, p, 
    303303table, thead, tbody, th, td { 
    304 word-break: break-all; 
     304    word-break: break-all; 
    305305} 
    306306table, thead, tbody { 
    307 white-space: normal; 
    308 overflow: hidden; 
     307    white-space: normal; 
     308    overflow: hidden; 
    309309} 
    310310 
    … …  
    312312----------------------------------------------- */ 
    313313ol { 
    314 padding-start:0; 
    315 -o-padding-start:0;  
    316 -moz-padding-start:0; 
    317 -webkit-padding-start:0; 
    318 margin: 1em 3.13%; 
     314    padding-start:0; 
     315    -o-padding-start:0;  
     316    -moz-padding-start:0; 
     317    -webkit-padding-start:0; 
     318    margin: 1em 3.13%; 
    319319} 
    320320ol > li.privacy_ol{ 
    321 margin: 1em; 
     321    margin: 1em; 
    322322} 
    323323ol > li.privacy_ol > strong{ 
    324 color:#4D576B; 
    325 font: bold 17px helvetica; 
    326 text-shadow: 0px 1px 1px #ffffff; 
    327 line-height: 2em; 
     324    color:#4D576B; 
     325    font: bold 17px helvetica; 
     326    text-shadow: 0px 1px 1px #ffffff; 
     327    line-height: 2em; 
    328328} 
    329329 
    … …  
    331331----------------------------------------------- */ 
    332332#undercolumn_order dl{ 
    333 margin: 0; 
     333    margin: 0; 
    334334} 
    335335#undercolumn_order dt{ 
    336 color:#4D576B; 
    337 font: bold 17px helvetica; 
    338 text-shadow: 0px 1px 1px #ffffff; 
    339 line-height: 2em; 
     336    color:#4D576B; 
     337    font: bold 17px helvetica; 
     338    text-shadow: 0px 1px 1px #ffffff; 
     339    line-height: 2em; 
    340340} 
    341341#undercolumn_order dd, 
    342342#undercolumn_order ul { 
    343 padding-start:0; 
    344 -o-padding-start:0;  
    345 -moz-padding-start:0; 
    346 -webkit-padding-start:0; 
    347 margin: 0 3.13%; 
     343    padding-start:0; 
     344    -o-padding-start:0;  
     345    -moz-padding-start:0; 
     346    -webkit-padding-start:0; 
     347    margin: 0 3.13%; 
    348348} 
    349349 
    … …  
    351351----------------------------------------------- */ 
    352352#welcome-message { 
    353 color: #4D576B; 
    354 text-shadow: 0px 1px 1px #ffffff; 
     353    color: #4D576B; 
     354    text-shadow: 0px 1px 1px #ffffff; 
    355355} 
    356356.your-point { 
    357 display: inline-block; 
    358 padding: 0.1em; 
    359 text-align: right; 
    360 color: #ffffff; 
    361 width: 100%; 
    362 background-color: rgba(0,0,0,0.3); 
    363 margin-bottom: 5px; 
     357    display: inline-block; 
     358    padding: 0.1em; 
     359    text-align: right; 
     360    color: #ffffff; 
     361    width: 100%; 
     362    background-color: rgba(0,0,0,0.3); 
     363    margin-bottom: 5px; 
    364364} 
    365365.your-point em { 
    366 text-shadow: 0 0 2px #ffffff; 
     366    text-shadow: 0 0 2px #ffffff; 
    367367} 
    368368#btn-mypagetop { 
    369 width: 100%; 
    370 text-align: left; 
    371 -webkit-border-radius: 8px; 
    372 background: #ffffff url(../img/common/chevron.png) no-repeat right center; 
    373 border: solid 1px #cccccc; 
    374 margin: 10px 0; 
     369    width: 100%; 
     370    text-align: left; 
     371    -webkit-border-radius: 8px; 
     372    background: #ffffff url(../img/common/chevron.png) no-repeat right center; 
     373    border: solid 1px #cccccc; 
     374    margin: 10px 0; 
    375375} 
    376376#btn-mypagetop a { 
    377 display: inline-block; 
    378 margin: 7px 3.3%; 
    379 width: 93%; 
    380 color: black; 
    381 text-decoration: none; 
    382 font: bold 15px helvetica; 
     377    display: inline-block; 
     378    margin: 7px 3.3%; 
     379    width: 93%; 
     380    color: black; 
     381    text-decoration: none; 
     382    font: bold 15px helvetica; 
    383383} 
    384384 
    … …  
    386386----------------------------------------------- */ 
    387387table[summary="購入履歴"] td:first-child { 
    388 width: 20%; 
    389 text-align: center; 
     388    width: 20%; 
     389    text-align: center; 
    390390} 
    391391table[summary="購入履歴"] tr[onclick] td:last-child { 
    392 background: #ffffff url(../img/common/chevron.png) no-repeat right center; 
     392    background: #ffffff url(../img/common/chevron.png) no-repeat right center; 
    393393} 
    394394table[summary="お届け先の指定"] td:nth-child(2), 
    395395table[summary="購入履歴"] tr[onclick] td:last-child { 
    396 text-align: left; 
     396    text-align: left; 
    397397} 
    398398 

  • branches/version-2_5-dev/html/user_data/packages/sphone/css/detail.css

    r20116 r20566  
    11/*商品情報（テキストなど）*/ 
    22div#detailrightblock table td { 
    3 text-align: left; 
    4 vertical-align: middle; 
     3    text-align: left; 
     4    vertical-align: middle; 
    55} 
    66 
    … …  
    88----------------------------------------------- */ 
    99#detailphotoblock { 
    10 margin-top: -1em; 
    11 margin-left: -3.4%; 
    12 width: 106.8%; 
    13 overflow: hidden; 
    14 background-color: #ffffff; 
    15 text-align:center; 
    16 border-bottom: 1px solid #ffffff; 
     10    margin-top: -1em; 
     11    margin-left: -3.4%; 
     12    width: 106.8%; 
     13    overflow: hidden; 
     14    background-color: #ffffff; 
     15    text-align:center; 
     16    border-bottom: 1px solid #ffffff; 
    1717} 
    1818#detailphotoblock img:first-of-type { 
    … …  
    4242/*商品情報（テーブル部分）*/ 
    4343div#detailrightblock table span.nomal-price { 
    44     font-size: 80%; 
     44    font-size: 80%; 
    4545} 
    4646div#detailrightblock table span.sale-price { 
    47     font-weight: bold; 
    48     color: #CC0000; 
     47    font-weight: bold; 
     48    color: #CC0000; 
    4949} 
    5050div#detailrightblock table span.member-point { 
    51     font-weight: bold; 
    52     color: #CC0000; 
     51    font-weight: bold; 
     52    color: #CC0000; 
    5353} 
    5454 
    … …  
    7979----------------------------------------------- */ 
    8080#btn_form { 
    81 width: 70%; 
    82 margin-left: auto; 
    83 margin-right: auto; 
     81    width: 70%; 
     82    margin-left: auto; 
     83    margin-right: auto; 
    8484} 
    8585 
    … …  
    8787----------------------------------------------- */ 
    8888input[type="submit"]#cart { 
    89 display:block; 
    90 width: 100%; 
    91 height: 1.8em; 
    92 margin-top: 20px; 
    93 margin-bottom: 10px; 
    94 font: bold large Helvetica, "Lucida Grande", sans-serif; 
    95 //font-size: large bold; 
    96 //font-family: Helvetica, "Lucida Grande", sans-serif; 
    97 color:#4D576B; 
    98 background-color: #c9c9c9; 
    99 background-image: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#848484), color-stop(0.6, #a1a1a1)); 
    100 vertical-align: middle; 
    101 text-align: center; 
    102 text-decoration: none; 
    103 text-shadow: 1px 1px 0px #cccccc; 
    104 -webkit-border-radius: 4px; 
    105 -webkit-box-shadow: 0 0 3px #000000; 
     89    display:block; 
     90    width: 100%; 
     91    height: 1.8em; 
     92    margin-top: 20px; 
     93    margin-bottom: 10px; 
     94    font: bold large Helvetica, "Lucida Grande", sans-serif; 
     95    //font-size: large bold; 
     96    //font-family: Helvetica, "Lucida Grande", sans-serif; 
     97    color:#4D576B; 
     98    background-color: #c9c9c9; 
     99    background-image: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#848484), color-stop(0.6, #a1a1a1)); 
     100    vertical-align: middle; 
     101    text-align: center; 
     102    text-decoration: none; 
     103    text-shadow: 1px 1px 0px #cccccc; 
     104    -webkit-border-radius: 4px; 
     105    -webkit-box-shadow: 0 0 3px #000000; 
    106106} 
    107107 
    … …  
    109109----------------------------------------------- */ 
    110110#detailrightblock table{ 
    111 margin: 15px 0px; 
    112 width: 100%; 
    113 background-color: #ffffff; 
    114 -webkit-border-radius: 8px; 
    115 -webkit-box-shadow: 0 0 4px #000000; 
     111    margin: 15px 0px; 
     112    width: 100%; 
     113    background-color: #ffffff; 
     114    -webkit-border-radius: 8px; 
     115    -webkit-box-shadow: 0 0 4px #000000; 
    116116} 
    117117#detailrightblock table tr td, #detailrightblock table tr th { 
    118 border-bottom: solid 1px #cccccc; 
    119 padding: 3px 7px; 
     118    border-bottom: solid 1px #cccccc; 
     119    padding: 3px 7px; 
    120120} 
    121121#detailrightblock table tr:last-child td, #detailrightblock table tr:last-child th { 
    122 border-bottom: none; 
     122    border-bottom: none; 
    123123} 
    124124 
    125125#btn-cago > a { 
    126 background-color: #E19200; 
     126    background-color: #E19200; 
    127127} 
    128128 
    … …  
    130130----------------------------------------------- */ 
    131131#btn-recommend { 
    132 text-align:center; 
    133 margin-top:15px; 
     132    text-align:center; 
     133    margin-top:15px; 
    134134} 
    135135 
    … …  
    140140    height: 250px; 
    141141} 
    142  

  • branches/version-2_5-dev/html/user_data/packages/sphone/css/table.css

    r20116 r20566  
    44----------------------------------------------- */ 
    55ul { 
    6 background: #fff; 
    7 border: 1px solid #B4B4B4; 
    8 font: bold small 'Helvetica-Bold'; 
    9 padding: 0;    
    10 margin: 10px 0; 
    11 text-align: left; 
    12 -webkit-border-radius: 8px; 
     6    background: #fff; 
     7    border: 1px solid #B4B4B4; 
     8    font: bold small 'Helvetica-Bold'; 
     9    padding: 0;    
     10    margin: 10px 0; 
     11    text-align: left; 
     12    -webkit-border-radius: 8px; 
    1313} 
    1414ul li { 
    15 color: #999999; 
    16 border-top: 1px solid #B4B4B4; 
    17 list-style-type: none; 
    18 padding: 4px 6px; 
     15    color: #999999; 
     16    border-top: 1px solid #B4B4B4; 
     17    list-style-type: none; 
     18    padding: 4px 6px; 
    1919} 
    2020li:first-child { 
    21 border-top: 0; 
    22 -webkit-border-top-left-radius: 8px; 
    23 -webkit-border-top-right-radius: 8px; 
     21    border-top: 0; 
     22    -webkit-border-top-left-radius: 8px; 
     23    -webkit-border-top-right-radius: 8px; 
    2424} 
    2525li:last-child { 
    26 -webkit-border-bottom-left-radius: 8px; 
    27 -webkit-border-bottom-right-radius: 8px; 
     26    -webkit-border-bottom-left-radius: 8px; 
     27    -webkit-border-bottom-right-radius: 8px; 
    2828} 
    2929 
    … …  
    3131----------------------------------------------- */ 
    3232ul li a, li.img a + a { 
    33 color: #000; 
    34 text-decoration: none; 
    35 text-overflow: ellipsis; 
    36 white-space: nowrap; 
    37 overflow: hidden; 
    38 display: block; 
    39 padding: 12px 10px 12px 10px; 
    40 margin: -10px; 
     33    color: #000; 
     34    text-decoration: none; 
     35    text-overflow: ellipsis; 
     36    white-space: nowrap; 
     37    overflow: hidden; 
     38    display: block; 
     39    padding: 12px 10px 12px 10px; 
     40    margin: -10px; 
    4141} 
    4242ul li.img a + a { 
    43 margin: -10px 10px -20px -5px; 
    44 font-size: 17px; 
    45 font-weight: bold; 
     43    margin: -10px 10px -20px -5px; 
     44    font-size: 17px; 
     45    font-weight: bold; 
    4646} 
    4747ul li.img a + a + a { 
    48 font-size: 14px; 
    49 font-weight: normal; 
    50 margin-left: -10px; 
    51 margin-bottom: -10px; 
    52 margin-top: 0; 
     48    font-size: 14px; 
     49    font-weight: normal; 
     50    margin-left: -10px; 
     51    margin-bottom: -10px; 
     52    margin-top: 0; 
    5353} 
    5454ul li.img a + small + a { 
    55 margin-left: -5px; 
     55    margin-left: -5px; 
    5656} 
    5757ul li.img a + small + a + a { 
    58 margin-left: -10px; 
    59 margin-top: -20px; 
    60 margin-bottom: -10px; 
    61 font-size: 14px; 
    62 font-weight: normal; 
     58    margin-left: -10px; 
     59    margin-top: -20px; 
     60    margin-bottom: -10px; 
     61    font-size: 14px; 
     62    font-weight: normal; 
    6363} 
    6464ul li.img a + small + a + a + a { 
    65 margin-left: 0px !important; 
    66 margin-bottom: 0; 
     65    margin-left: 0px !important; 
     66    margin-bottom: 0; 
    6767} 
    6868ul li a + a { 
    69 color: #000; 
    70 font: 14px 'Helvetica'; 
    71 text-overflow: ellipsis; 
    72 white-space: nowrap; 
    73 overflow: hidden; 
    74 display: block; 
    75 margin: 0; 
    76 padding: 0; 
     69    color: #000; 
     70    font: 14px 'Helvetica'; 
     71    text-overflow: ellipsis; 
     72    white-space: nowrap; 
     73    overflow: hidden; 
     74    display: block; 
     75    margin: 0; 
     76    padding: 0; 
    7777} 
    7878ul li a + a + a, ul li.img a + a + a + a, ul li.img a + small + a + a + a { 
    79 color: #666; 
    80 font: 13px 'Helvetica'; 
    81 margin: 0; 
    82 text-overflow: ellipsis; 
    83 white-space: nowrap; 
    84 overflow: hidden; 
    85 display: block; 
    86 padding: 0; 
     79    color: #666; 
     80    font: 13px 'Helvetica'; 
     81    margin: 0; 
     82    text-overflow: ellipsis; 
     83    white-space: nowrap; 
     84    overflow: hidden; 
     85    display: block; 
     86    padding: 0; 
    8787} 
    8888 
    … …  
    9090----------------------------------------------- */ 
    9191table { 
    92 width: 100%; 
    93 max-width: 280px; 
    94 margin: 10px 0; 
    95 text-align: center; 
    96 vertical-align: middle; 
    97 border-collapse: collapse; 
    98 border-spacing: 0; 
    99 -webkit-border-radius: 8px; 
    100 -webkit-box-shadow: 0 0 4px #000000; 
     92    width: 100%; 
     93    max-width: 280px; 
     94    margin: 10px 0; 
     95    text-align: center; 
     96    vertical-align: middle; 
     97    border-collapse: collapse; 
     98    border-spacing: 0; 
     99    -webkit-border-radius: 8px; 
     100    -webkit-box-shadow: 0 0 4px #000000; 
    101101} 
    102102table tr { 
    103 border-bottom: solid 1px #cccccc; 
    104 -webkit-border-radius: 8px; 
     103    border-bottom: solid 1px #cccccc; 
     104    -webkit-border-radius: 8px; 
    105105} 
    106106table > tr:last-child, 
    107107table > tbody > tr:last-child { 
    108 border-bottom: none; 
     108    border-bottom: none; 
    109109} 
    110110table th,  
    111111table td { 
    112 margin: 0; 
    113 max-width: 250px; 
    114 height: 2em; 
    115 background-color: #ffffff; 
    116 border: none; 
    117 -webkit-border-radius: 0; 
     112    margin: 0; 
     113    max-width: 250px; 
     114    height: 2em; 
     115    background-color: #ffffff; 
     116    border: none; 
     117    -webkit-border-radius: 0; 
    118118} 
    119119table th { 
    120 background-color: #f0f0f0; 
     120    background-color: #f0f0f0; 
    121121} 
    122122table td { 
    123 background-color: #ffffff; 
     123    background-color: #ffffff; 
    124124} 
    125125table tr:first-of-type th:first-child, 
    126126table tr:first-of-type td:first-child { 
    127 -webkit-border-top-left-radius: inherit; 
     127    -webkit-border-top-left-radius: inherit; 
    128128} 
    129129table tr:first-of-type th:last-child, 
    130130table tr:first-of-type td:last-child { 
    131 -webkit-border-top-right-radius: inherit; 
     131    -webkit-border-top-right-radius: inherit; 
    132132} 
    133133table tr:last-of-type th:first-child, 
    134134table tr:last-of-type td:first-child { 
    135 -webkit-border-bottom-left-radius: inherit; 
     135    -webkit-border-bottom-left-radius: inherit; 
    136136} 
    137137table tr:last-of-type th:last-child, 
    138138table tr:last-of-type td:last-child { 
    139 -webkit-border-bottom-right-radius: inherit; 
     139    -webkit-border-bottom-right-radius: inherit; 
    140140} 
    141141table > thead tr:last-of-type th:first-child, 
    … …  
    143143table > thead tr:last-of-type th:last-child, 
    144144table > thead tr:last-of-type td:last-child { 
    145 -webkit-border-bottom-left-radius: 0; 
    146 -webkit-border-bottom-right-radius: 0; 
     145    -webkit-border-bottom-left-radius: 0; 
     146    -webkit-border-bottom-right-radius: 0; 
    147147} 
    148148table > thead + tbody > tr:first-of-type th:first-child, 
    … …  
    150150table > thead + tbody > tr:first-of-type th:last-child, 
    151151table > thead + tbody > tr:first-of-type td:last-child { 
    152 -webkit-border-top-left-radius: 0; 
    153 -webkit-border-top-right-radius: 0; 
     152    -webkit-border-top-left-radius: 0; 
     153    -webkit-border-top-right-radius: 0; 
    154154} 
    155155 
    … …  
    157157----------------------------------------------- */ 
    158158#block { 
    159 width: 100%; 
    160 background-color: #ffffff; 
    161 -webkit-border-radius: 8px; 
    162 -webkit-box-shadow: 0px 0px 4px #000000; 
    163 margin: 10px 0; 
     159    width: 100%; 
     160    background-color: #ffffff; 
     161    -webkit-border-radius: 8px; 
     162    -webkit-box-shadow: 0px 0px 4px #000000; 
     163    margin: 10px 0; 
    164164} 
    165165.box-wrap { 
    166 display:inline-block; 
    167 width: 100%; 
    168 border-top: 1px solid #cccccc; 
     166    display:inline-block; 
     167    width: 100%; 
     168    border-top: 1px solid #cccccc; 
    169169} 
    170170.box-wrap:first-child { 
    171 border-top: none; 
    172 -webkit-border-top-left-radius: 8px; 
    173 -webkit-border-top-right-radius: 8px; 
     171    border-top: none; 
     172    -webkit-border-top-left-radius: 8px; 
     173    -webkit-border-top-right-radius: 8px; 
    174174} 
    175175.box-wrap:last-child { 
    176 -webkit-border-bottom-left-radius: 8px; 
    177 -webkit-border-bottom-right-radius: 8px; 
     176    -webkit-border-bottom-left-radius: 8px; 
     177    -webkit-border-bottom-right-radius: 8px; 
    178178} 
    179179.box-photo { 
    180 float:left; 
    181 display:block; 
    182 margin-left: 10px; 
    183 margin-right: 10px; 
    184 position: relative; 
     180    float:left; 
     181    display:block; 
     182    margin-left: 10px; 
     183    margin-right: 10px; 
     184    position: relative; 
    185185} 
    186186.box-data { 
    187 display:block; 
    188 margin: 0px 8px; 
    189 text-align: left; 
     187    display:block; 
     188    margin: 0px 8px; 
     189    text-align: left; 
    190190} 
    191191.box-data h3 { 
    192 margin: 0px; 
    193 white-space: nowrap; 
    194 overflow: hidden; 
    195 text-overflow: ellipsis; 
    196 -webkit-text-overflow: ellipsis; 
     192    margin: 0px; 
     193    white-space: nowrap; 
     194    overflow: hidden; 
     195    text-overflow: ellipsis; 
     196    -webkit-text-overflow: ellipsis; 
    197197} 
    198198.box-data h3 a { 
    199 font-size: 18px; 
    200 text-decoration: none; 
     199    font-size: 18px; 
     200    text-decoration: none; 
    201201} 
    202202.description, .box-comment { 
    203 font: bold 14px Osaka; 
    204 line-height: 1.5em; 
    205 white-space: nowrap; 
    206 overflow: hidden; 
    207 text-overflow: ellipsis; 
    208 -webkit-text-overflow: ellipsis; 
     203    font: bold 14px Osaka; 
     204    line-height: 1.5em; 
     205    white-space: nowrap; 
     206    overflow: hidden; 
     207    text-overflow: ellipsis; 
     208    -webkit-text-overflow: ellipsis; 
    209209} 
    210210.price, .box-price { 
    211 color: #993333; 
    212 font: bold 14px Osaka; 
    213 line-height: 1.5em; 
     211    color: #993333; 
     212    font: bold 14px Osaka; 
     213    line-height: 1.5em; 
    214214} 
    215215 
    … …  
    218218.recomendblock, 
    219219.whoboughtblock{ 
    220 margin-top: 0; 
    221 margin-bottom: 0; 
     220    margin-top: 0; 
     221    margin-bottom: 0; 
    222222} 
    223223.recomendblock > div , 
    224224.whoboughtblock > div { 
    225 margin-top: 0; 
    226 margin-bottom: 0; 
    227 -webkit-border-radius: 0; 
     225    margin-top: 0; 
     226    margin-bottom: 0; 
     227    -webkit-border-radius: 0; 
    228228} 
    229229.recomendblock > div, 
    230230.whoboughtblock > div { 
    231 width: 100%; 
    232 display:inline-block; 
    233 background-color: #ffffff; 
    234 border-bottom: 1px solid #cccccc; 
    235 padding: 0.1em 0; 
     231    width: 100%; 
     232    display:inline-block; 
     233    background-color: #ffffff; 
     234    border-bottom: 1px solid #cccccc; 
     235    padding: 0.1em 0; 
    236236} 
    237237.recomendblock > div > a, 
    … …  
    239239.whoboughtblock > div > a, 
    240240.whoboughtblock > div > div{ 
    241 float: left; 
     241    float: left; 
    242242} 
    243243.recomendblock:first-of-type > div:first-of-type , 
    244244.whoboughtblock:first-of-type > div:first-of-type { 
    245 -webkit-border-top-left-radius: 8px; 
    246 -webkit-border-top-right-radius: 8px; 
     245    -webkit-border-top-left-radius: 8px; 
     246    -webkit-border-top-right-radius: 8px; 
    247247} 
    248248.recomendblock:last-of-type > div:last-of-type , 
    249249.whoboughtblock:last-of-type > div:last-of-type { 
    250 border-bottom: none; 
    251 -webkit-border-bottom-left-radius: 8px; 
    252 -webkit-border-bottom-right-radius: 8px; 
     250    border-bottom: none; 
     251    -webkit-border-bottom-left-radius: 8px; 
     252    -webkit-border-bottom-right-radius: 8px; 
    253253} 
    254254.recomendrightblock,  
    255255.whoboughtrightblock{ 
    256 width: 63%; 
     256    width: 63%; 
    257257} 
    258258.recomendrightblock > h3, 
    … …  
    266266.whoboughtblock img, 
    267267.listphoto { 
    268 float:left; 
    269 display:block; 
    270 margin: 3px 10px; 
    271 position: relative; 
     268    float:left; 
     269    display:block; 
     270    margin: 3px 10px; 
     271    position: relative; 
    272272} 
    273273.recommend-photo img, 
    274274.listphoto img { 
    275 width: 80px; 
     275    width: 80px; 
    276276} 
    277277.recommend-box h3 { 
    278 font-weight: bold; 
    279 font-size: 15px; 
    280 font-family: helvetica; 
    281 margin: 0.4em 0 0; 
    282 white-space: nowrap; 
    283 overflow: hidden; 
    284 text-overflow: ellipsis; 
    285 -webkit-text-overflow: ellipsis; 
     278    font-weight: bold; 
     279    font-size: 15px; 
     280    font-family: helvetica; 
     281    margin: 0.4em 0 0; 
     282    white-space: nowrap; 
     283    overflow: hidden; 
     284    text-overflow: ellipsis; 
     285    -webkit-text-overflow: ellipsis; 
    286286} 
    287287.recommend-box h3 a { 
    288 font-size: 18px; 
    289 text-decoration: none; 
     288    font-size: 18px; 
     289    text-decoration: none; 
    290290} 
    291291.description, 
    292292.recommend-comment { 
    293 font-weight: normal; 
    294 font-size: 14px; 
    295 font-family: Osaka; 
    296 line-height: 1.5em; 
    297 white-space: nowrap; 
    298 overflow: hidden; 
    299 text-overflow: ellipsis; 
    300 -webkit-text-overflow: ellipsis; 
    301 margin: 0; 
     293    font-weight: normal; 
     294    font-size: 14px; 
     295    font-family: Osaka; 
     296    line-height: 1.5em; 
     297    white-space: nowrap; 
     298    overflow: hidden; 
     299    text-overflow: ellipsis; 
     300    -webkit-text-overflow: ellipsis; 
     301    margin: 0; 
    302302} 
    303303.price, 
    304304.recommend-price { 
    305 color: #993333; 
    306 font-weight: bold; 
    307 font-size: 17px; 
    308 font-family: Osaka; 
    309 line-height: 1.5em; 
    310 margin-bottom: 0.3em; 
     305    color: #993333; 
     306    font-weight: bold; 
     307    font-size: 17px; 
     308    font-family: Osaka; 
     309    line-height: 1.5em; 
     310    margin-bottom: 0.3em; 
    311311} 
    312312 
    … …  
    314314----------------------------------------------- */ 
    315315.listarea { 
    316 width: 100%; 
    317 background-color: #ffffff; 
    318 border-bottom: solid 1px #CCC; 
    319 margin: 0; 
    320 margin-top: 0; 
    321 margin-bottom: 0; 
    322 -webkit-border-radius: 0; 
    323 -webkit-box-shadow: none; 
     316    width: 100%; 
     317    background-color: #ffffff; 
     318    border-bottom: solid 1px #CCC; 
     319    margin: 0; 
     320    margin-top: 0; 
     321    margin-bottom: 0; 
     322    -webkit-border-radius: 0; 
     323    -webkit-box-shadow: none; 
    324324} 
    325325#page_navi_top + .listarea{ 
    326 margin-bottom: 0; 
    327 -webkit-border-top-left-radius: 8px; 
    328 -webkit-border-top-right-radius: 8px; 
     326    margin-bottom: 0; 
     327    -webkit-border-top-left-radius: 8px; 
     328    -webkit-border-top-right-radius: 8px; 
    329329} 
    330330.listarea:last-of-type{ 
    331 border: none; 
    332 -webkit-border-bottom-left-radius: 8px; 
    333 -webkit-border-bottom-right-radius: 8px; 
     331    border: none; 
     332    -webkit-border-bottom-left-radius: 8px; 
     333    -webkit-border-bottom-right-radius: 8px; 
    334334} 
    335335.listrightblock > ul { 
    … …  
    345345.listrightblock > h3:first-child, 
    346346.listrightblock > p:first-child, 
    347 .listrightblock > ul:first-child, 
    348 margin-top: 0; 
     347.listrightblock > ul:first-child { 
     348    margin-top: 0; 
    349349} 
    350350.listrightblock > ul > li { 
    351 margin: 0; 
    352 padding: 0 3px 0 0; 
     351    margin: 0; 
     352    padding: 0 3px 0 0; 
    353353} 
    354354.listrightblock > h3:last-child, 
    355355.listrightblock > p:last-child { 
    356 margin-bottom: 0; 
     356    margin-bottom: 0; 
    357357} 
    358358 
    359359.newitem-line-list .newitem-box-wrap-end { 
    360 border-bottom: 1px solid #cccccc; 
     360    border-bottom: 1px solid #cccccc; 
    361361} 
    362362 
    … …  
    365365#page_navi_top, 
    366366#page_navi_bottom { 
    367 border: none; 
    368 -webkit-box-shadow: none; 
    369 clear: both; 
    370 width: 100%; 
    371 border-spacing: 0 0; 
    372 border-collapse: collapse; 
     367    border: none; 
     368    -webkit-box-shadow: none; 
     369    clear: both; 
     370    width: 100%; 
     371    border-spacing: 0 0; 
     372    border-collapse: collapse; 
    373373} 
    374374#page_navi_top tr, 
    375375#page_navi_bottom tr { 
    376 width: 100%; 
     376    width: 100%; 
    377377} 
    378378#page_navi_top td, 
    379379#page_navi_bottom td { 
    380 text-align: left; 
    381 background-color: transparent; 
     380    text-align: left; 
     381    background-color: transparent; 
    382382} 
    383383 
    384384.change a, 
    385385.change strong { 
    386 display: block; 
    387 float: left; 
    388 margin: 5px 0px; 
    389 padding: 0.3em 0; 
    390 color: #ffffff; 
    391 width: 49.6%; 
    392 text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    393 background-color: #666666; 
    394 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); 
    395 text-align:center; 
    396 vertical-align: middle; 
    397 text-decoration: none; 
    398 border-left: solid 1px #666666; 
     386    display: block; 
     387    float: left; 
     388    margin: 5px 0px; 
     389    padding: 0.3em 0; 
     390    color: #ffffff; 
     391    width: 49.6%; 
     392    text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
     393    background-color: #666666; 
     394    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); 
     395    text-align:center; 
     396    vertical-align: middle; 
     397    text-decoration: none; 
     398    border-left: solid 1px #666666; 
    399399} 
    400400.change > a:first-child, 
    401401.change > strong:first-child { 
    402 border-left: none; 
    403 -webkit-border-top-left-radius: 4px; 
    404 -webkit-border-bottom-left-radius: 4px; 
     402    border-left: none; 
     403    -webkit-border-top-left-radius: 4px; 
     404    -webkit-border-bottom-left-radius: 4px; 
    405405} 
    406406.change > a:last-child, 
    407407.change > strong:last-child{ 
    408 margin-left: 1px; 
    409 -webkit-border-top-right-radius: 4px; 
    410 -webkit-border-bottom-right-radius: 4px; 
     408    margin-left: 1px; 
     409    -webkit-border-top-right-radius: 4px; 
     410    -webkit-border-bottom-right-radius: 4px; 
    411411} 
    412412.change select { 
    413 margin-right: 0; 
     413    margin-right: 0; 
    414414} 
    415415 
    … …  
    418418 
    419419table[summary="商品情報"]{ 
    420     font-size:60%; 
     420    font-size:60%; 
    421421} 
    422422 
    423423table[summary="商品情報"] tr:nth-child(even) td{ 
    424 background-color: #ffffff; 
     424    background-color: #ffffff; 
    425425} 
    426426table[summary="商品情報"] tr:nth-child(odd) td{ 
    427 background-color: #f0f0f0; 
    428 text-align: left; 
     427    background-color: #f0f0f0; 
     428    text-align: left; 
    429429} 
    430430 
    431431table[summary="商品情報"] td{ 
    432  
    433 text-align: center; 
    434 vertical-align: middle; 
    435 max-width: 200px; 
     432    text-align: center; 
     433    vertical-align: middle; 
     434    max-width: 200px; 
    436435} 
    437436table[summary="商品情報"] tr:nth-child(even) td:last-child{ 
    438 width: 15%; 
    439 overflow: visible; 
     437    width: 15%; 
     438    overflow: visible; 
    440439} 
    441440table[summary="商品情報"] ul, 
    442441table[summary="商品情報"] ul li, 
    443442table[summary="商品情報"] ul li a { 
    444 display: inline; 
    445 margin: 0; 
    446 padding: 0; 
    447 border: none; 
     443    display: inline; 
     444    margin: 0; 
     445    padding: 0; 
     446    border: none; 
    448447} 
    449448table[summary="商品情報"] ul li a{ 
    450 display: inline-block; 
    451 margin: 1px; 
    452 padding:0; 
     449    display: inline-block; 
     450    margin: 1px; 
     451    padding:0; 
    453452} 
    454453table[summary="商品情報"] tr:nth-last-of-type(1) td, 
    455454table[summary="商品情報"] tr:nth-last-of-type(2) td, 
    456455table[summary="商品情報"] tr:nth-last-of-type(3) td { 
    457 background-color: #ffffff; 
    458 text-align: center; 
     456    background-color: #ffffff; 
     457    text-align: center; 
    459458} 
    460459 
    … …  
    462461----------------------------------------------- */ 
    463462#detailrightblock table th { 
    464 font-size: 15px; 
    465 font-weight: normal; 
     463    font-size: 15px; 
     464    font-weight: normal; 
    466465} 
    467466 
    … …  
    469468----------------------------------------------- */ 
    470469#detailrightblock table th { 
    471 font-size: 15px; 
    472 font-weight: normal; 
     470    font-size: 15px; 
     471    font-weight: normal; 
    473472} 
    474473 
    … …  
    476475----------------------------------------------- */ 
    477476table[summary="お客様情報入力"] td{ 
    478 padding-left:5px; 
    479 text-align: left; 
    480 vertical-align: middle; 
     477    padding-left:5px; 
     478    text-align: left; 
     479    vertical-align: middle; 
    481480} 
    482481 
    … …  
    484483----------------------------------------------- */ 
    485484table[summary="会員登録内容変更"] td{ 
    486 padding-left:5px; 
    487 text-align: left; 
    488 vertical-align: middle; 
     485    padding-left:5px; 
     486    text-align: left; 
     487    vertical-align: middle; 
    489488} 
    490489 
    … …  
    492491----------------------------------------------- */ 
    493492table[summary="お届け先登録"] td{ 
    494 padding-left:5px; 
    495 text-align: left; 
    496 vertical-align: middle; 
     493    padding-left:5px; 
     494    text-align: left; 
     495    vertical-align: middle; 
    497496} 
    498497 
    … …  
    500499----------------------------------------------- */ 
    501500#undercolumn_contact table td { 
    502 text-align: left; 
    503 } 
     501    text-align: left; 
     502} 

  • branches/version-2_5-dev/html/user_data/packages/sphone/css/wreckage.css

    r20116 r20566  
    66} 
    77.center { 
    8     text-align: center; 
     8    text-align: center; 
    99} 
    1010 
Note: See TracChangeset for help on using the changeset viewer.