Ignore:
Timestamp:
2011/08/01 19:03:34 (13 years ago)
Author:
468
Message:

#1413 スマートフォン版スタイルシート修正対応

File:
1 edited

Legend:

Unmodified
Added
Removed

  • branches/version-2_11-dev/html/user_data/packages/sphone/css/popup.css

    r21081 r21093  
    22/* =================================================================== 
    33CSS information 
     4file name  :popup.css 
    45style info :スライド/ポップアップ 
    56=================================================================== */ 
    … …  
    89----------------------------------------------- */ 
    910#windowcolumn{ 
    10     background:#FFF; 
    11     padding-bottom:30px; 
     11background:#FFF; 
     12padding-bottom:30px; 
    1213} 
    1314#windowcolumn h2.title,#slidewindow h2.title{ 
    14     margin-bottom:0!important; 
     15margin-bottom:0!important; 
    1516} 
    1617#slidewindow .title_box,#windowcolumn .title_box{ 
    17     margin:0; 
    18     padding:0!important; 
    19     text-align:center; 
    20     clear:both; 
     18margin:0; 
     19padding:0!important; 
     20text-align:center; 
     21clear:both; 
    2122} 
    2223/**イントロダクション*/ 
    2324#windowcolumn .information{ 
    24     padding:15px 10px; 
    25     border-bottom:none; 
     25padding:15px 10px; 
     26border-bottom:none; 
    2627} 
    2728/* ----------------------------------------------- 
    … …  
    2930----------------------------------------------- */ 
    3031#slidewindow{ 
    31     background:#F0F0F1; 
     32background:#F0F0F1; 
    3233} 
    3334/*jqm追記*/ 
    3435.ui-btn-right{ 
    35     top:9px!important; 
    36     vertical-align:middle; 
     36top:9px!important; 
     37vertical-align:middle; 
    3738} 
    3839/* ----------------------------------------------- 
    … …  
    4041----------------------------------------------- */ 
    4142.login_area{ 
    42     background:#FFF; 
    43     padding:10px 15px; 
    44     text-align:center; 
    45     -webkit-box-shadow: 1px 5px 5px #ccc; 
    46     -moz-box-shadow: 1px 5px 5px #ccc; 
     43background:#FFF; 
     44padding:10px 15px; 
     45text-align:center; 
     46-webkit-box-shadow: 1px 5px 5px #ccc; 
     47-moz-box-shadow: 1px 5px 5px #ccc; 
    4748} 
    4849.login_area_btm{ 
    49     padding:15px 15px 50px 15px; 
     50padding:15px 15px 50px 15px; 
    5051} 
    5152.login_area_btm p:last-child{ 
    52     width:95%; 
    53     margin:0 auto; 
    54     line-height:1.3; 
     53width:95%; 
     54margin:0 auto; 
     55line-height:1.3; 
    5556} 
    5657.loginareaBox{ 
    57     padding:15px; 
    58     margin: 0 auto 0 -10px; 
    59     display:block; 
    60     clear:both; 
    61     border-radius:7px; 
    62     -moz-border-radius:7px; 
    63     -webkit-border-radius:7px; 
    64     text-align:center; 
    65     position:relative; 
     58padding:15px; 
     59margin: 0 auto 0 -10px; 
     60display:block; 
     61clear:both; 
     62border-radius:7px; 
     63-moz-border-radius:7px; 
     64-webkit-border-radius:7px; 
     65text-align:center; 
     66position:relative; 
    6667} 
    6768.mailtextBox{ 
    68     width:97%; 
    69     margin:0; 
    70     padding:10px; 
    71     background: #fff; 
    72     border-radius:7px 7px 0 0; 
    73     -moz-border-radius:7px 7px 0 0; 
    74     -webkit-border-radius:7px 7px 0 0; 
    75     border:#A9ABAD solid 1px; 
    76     border-bottom:none; 
    77     display:block; 
    78     -webkit-box-shadow:none; 
    79     -moz-box-shadow:none; 
     69width:97%; 
     70margin:0; 
     71padding:10px; 
     72background: #fff; 
     73border-radius:7px 7px 0 0; 
     74-moz-border-radius:7px 7px 0 0; 
     75-webkit-border-radius:7px 7px 0 0; 
     76border:#A9ABAD solid 1px; 
     77border-bottom:none!important; 
     78display:block; 
     79-webkit-box-shadow:none; 
     80-moz-box-shadow:none; 
    8081} 
    8182.passtextBox{ 
    82     width:97%; 
    83     margin:0; 
    84     padding:10px; 
    85     background: #fff; 
    86     border-radius:0 0 7px 7px; 
    87     -moz-border-radius: 0 0 7px 7px; 
    88     -webkit-border-radius: 0 0 7px 7px; 
    89     border:#A9ABAD solid 1px; 
    90     display:block; 
    91     -webkit-box-shadow:none; 
    92     -moz-box-shadow:none; 
     83width:97%; 
     84margin:0; 
     85padding:10px; 
     86background: #fff; 
     87border-radius:0 0 7px 7px; 
     88-moz-border-radius: 0 0 7px 7px; 
     89-webkit-border-radius: 0 0 7px 7px; 
     90border:#A9ABAD solid 1px; 
     91display:block; 
     92-webkit-box-shadow:none; 
     93-moz-box-shadow:none; 
    9394} 
    9495 
    9596.navBox{ 
    96     width:95%; 
    97     margin:10px auto; 
    98     background:#FFF; 
    99     border-radius:7px; 
    100     -moz-border-radius:7px; 
    101     -webkit-border-radius:7px; 
    102     display:block; 
    103     border:#A9ABAD solid 1px; 
     97width:95%; 
     98margin:10px auto; 
     99background:#FFF; 
     100border-radius:7px; 
     101-moz-border-radius:7px; 
     102-webkit-border-radius:7px; 
     103display:block; 
     104border:#A9ABAD solid 1px; 
    104105} 
    105106.navBox li{ 
    106     width:100%; 
    107     vertical-align:middle; 
    108     background:url(../img/common/ico_arrowR.png)  95% center no-repeat; 
    109     padding:0; 
    110     display:block; 
    111     border-bottom:#CCC solid 1px; 
     107width:100%; 
     108vertical-align:middle; 
     109background:url(../img/common/ico_arrowR.png)  95% center no-repeat; 
     110padding:0; 
     111display:block; 
     112border-bottom:#CCC solid 1px; 
    112113} 
    113114@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    114     .navBox li { 
    115         background: url(../img/common/ico_arrowR2.png)  95% center no-repeat; 
    116         -webkit-background-size: 10px 15px; 
    117         background-size: 10px 15px; 
    118     } 
     115.navBox li { 
     116background: url(../img/common/ico_arrowR2.png)  95% center no-repeat; 
     117-webkit-background-size: 10px 15px; 
     118background-size: 10px 15px; 
     119} 
    119120} 
    120121.navBox li a{ 
    121     padding:10px; 
    122     display:block; 
    123     cursor:pointer; 
     122padding:10px; 
     123display:block; 
     124cursor:pointer; 
    124125} 
    125126 
    126127input[type="submit"].nav_nonmember{ 
    127     font-weight:bold; 
    128     background:none; 
    129     border:none; 
    130     padding:0; 
    131     display:block; 
     128width:100%; 
     129padding:5px 10px; 
     130font-weight:bold; 
     131background:none; 
     132border:none; 
     133display:block; 
     134text-align:left; 
    132135} 
    133136.navBox li:last-child{ 
    134     border-bottom:none; 
     137border-bottom:none; 
    135138} 
    136139.navBox li a:link, .navBox li a:visited{ 
    137     color:#000; 
     140color:#000; 
    138141} 
    139142 
    … …  
    143146----------------------------------------------- */ 
    144147.window_area { 
    145     margin-bottom:10px; 
    146     padding:5px 0; 
    147     border-top:#999 solid 1px; 
    148     border-bottom:#999 solid 1px; 
     148margin-bottom:10px; 
     149padding:5px 0; 
     150border-top:#999 solid 1px; 
     151border-bottom:#999 solid 1px; 
    149152} 
    150153.window_area p{ 
    151     padding:5px 10px; 
    152     line-height:1.3; 
     154padding:5px 10px; 
     155line-height:1.3; 
    153156} 
    154157.window_area #completebox{ 
    155     font-size:16px; 
    156     font-weight:bold; 
    157     color:#CC0000; 
    158     text-align:center; 
    159     padding:20px 10px; 
     158font-size:16px; 
     159font-weight:bold; 
     160color:#CC0000; 
     161text-align:center; 
     162padding:20px 10px; 
    160163} 
    161164/* ----------------------------------------------- 
    … …  
    163166----------------------------------------------- */ 
    164167.view_detail{ 
    165     margin:10px 0; 
    166     min-height:150px; 
     168margin:0; 
     169min-height:150px; 
    167170} 
    168171.view_detail dt{ 
    169     padding:10px 12px; 
    170     border-bottom:#CCC solid 1px; 
     172padding:10px 12px; 
     173border-bottom:#CCC solid 1px; 
    171174} 
    172175.view_detail dd{ 
    173     padding:10px 12px; 
     176padding:10px 12px; 
    174177} 
Note: See TracChangeset for help on using the changeset viewer.