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/button.css

    r21081 r21093  
    22/* =================================================================== 
    33CSS information 
     4 
     5file name  :button.css 
    46style info :ボタン用 
     7 
    58=================================================================== */ 
    69.btn_area{ 
    7     padding:10px; 
    8     clear:both; 
     10padding:10px; 
     11clear:both; 
    912} 
    1013ul.btn_btm{ 
    11     clear:both; 
     14clear:both; 
    1215} 
    1316.btn_area li,ul.btn_btm li{ 
    14     margin-bottom:12px; 
     17margin-bottom:12px; 
    1518} 
    1619.btn_area_top{ 
    17     box-shadow:0 1px 1px 1px rgba(255,255,255,1) inset; 
    18     -webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,1) inset; 
    19     -moz-box-shadow: 0 1px 1px rgba(255,255,255,1) inset; 
    20     border-top: 1px solid #CCC; 
    21     border-bottom: 1px solid #CCC; 
    22     background:#EEE; 
    23     display:block; 
    24     clear:both; 
    25     margin-bottom:10px; 
    26     padding:10px 0; 
     20box-shadow:0 1px 1px 1px rgba(255,255,255,1) inset; 
     21-webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,1) inset; 
     22-moz-box-shadow: 0 1px 1px rgba(255,255,255,1) inset; 
     23border-top: 1px solid #CCC; 
     24border-bottom: 1px solid #CCC; 
     25background:#EEE; 
     26display:block; 
     27clear:both; 
     28margin-bottom:10px; 
     29padding:10px 0; 
    2730} 
    2831/*----------------------------------------------- 
    … …  
    3033----------------------------------------------- */ 
    3134a.btn,a.btn:link,a.btn:visited,a.btn:hover{ 
    32     color:#FFF; 
    33     font-size: 16px; 
    34     font-weight:bold; 
    35     text-decoration: none; 
    36     text-align:center; 
    37     padding: 10px; 
    38     text-shadow: 0 -1px 1px rgba(0,0,0,1); 
    39     border: 1px solid #A9ABAD; 
    40     border-radius: 5px; 
    41     -moz-border-radius: 5px; 
    42     -webkit-border-radius: 5px; 
    43     display:block; 
    44     background:#B4DF34; 
    45     background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%); 
    46     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222)); 
    47     cursor:pointer; 
    48     -webkit-transition:opacity 0.5s ease-in; 
    49     -moz-transition:opacity 0.5s ease-in; 
     35color:#FFF; 
     36font-size: 16px; 
     37font-weight:bold; 
     38text-decoration: none; 
     39text-align:center; 
     40padding: 10px; 
     41text-shadow: 0 -1px 1px rgba(0,0,0,1); 
     42border: 1px solid #A9ABAD; 
     43border-radius: 5px; 
     44-moz-border-radius: 5px; 
     45-webkit-border-radius: 5px; 
     46display:block; 
     47background:#B4DF34; 
     48background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%); 
     49background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222)); 
     50cursor:pointer; 
     51-webkit-transition:opacity 0.5s ease-in; 
     52-moz-transition:opacity 0.5s ease-in; 
    5053} 
    5154input[type="submit"].btn{ 
    52     width:100%; 
    53     color:#FFF; 
    54     font-size: 16px; 
    55     font-weight:bold; 
    56     text-decoration: none; 
    57     text-align:center; 
    58     padding: 10px; 
    59     text-shadow: 0 -1px 1px rgba(0,0,0,1); 
    60     border: 1px solid #A9ABAD; 
    61     border-radius: 5px; 
    62     -moz-border-radius: 5px; 
    63     -webkit-border-radius: 5px; 
    64     display:block; 
    65     background:#B4DF34; 
    66     background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%); 
    67     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222)); 
    68     cursor:pointer; 
    69     -webkit-transition:opacity 0.5s ease-in; 
    70     -moz-transition:opacity 0.5s ease-in; 
     55width:100%; 
     56color:#FFF; 
     57font-size: 16px; 
     58font-weight:bold; 
     59text-decoration: none; 
     60text-align:center; 
     61padding: 10px; 
     62text-shadow: 0 -1px 1px rgba(0,0,0,1); 
     63border: 1px solid #A9ABAD; 
     64border-radius: 5px; 
     65-moz-border-radius: 5px; 
     66-webkit-border-radius: 5px; 
     67display:block; 
     68background:#B4DF34; 
     69background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%); 
     70background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222)); 
     71cursor:pointer; 
     72-webkit-transition:opacity 0.5s ease-in; 
     73-moz-transition:opacity 0.5s ease-in; 
    7174} 
    7275/*----------------------------------------------- 
    … …  
    7477----------------------------------------------- */ 
    7578a.btn_back,a.btn_back:link,a.btn_back:visited,a.btn_back:hover { 
    76     color:#FFF; 
    77     font-size: 16px; 
    78     font-weight:bold; 
    79     text-decoration: none; 
    80     text-align:center; 
    81     text-shadow: 0 -1px 1px rgba(0,0,0,1); 
    82     border: 1px solid #A9ABAD; 
    83     border-radius: 5px; 
    84     -moz-border-radius: 5px; 
    85     -webkit-border-radius: 5px; 
    86     display:block; 
    87     padding:5px 0; 
    88     background:#999999; 
    89     background: -moz-linear-gradient(center top, #C5C5C5 0%,#999999 100%); 
    90     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C5C5C5),color-stop(1, #999999)); 
     79color:#FFF; 
     80font-size: 16px; 
     81font-weight:bold; 
     82text-decoration: none; 
     83text-align:center; 
     84text-shadow: 0 -1px 1px rgba(0,0,0,1); 
     85border: 1px solid #A9ABAD; 
     86border-radius: 5px; 
     87-moz-border-radius: 5px; 
     88-webkit-border-radius: 5px; 
     89display:block; 
     90padding:5px 0; 
     91background:#999999; 
     92background: -moz-linear-gradient(center top, #C5C5C5 0%,#999999 100%); 
     93background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C5C5C5),color-stop(1, #999999)); 
    9194} 
    9295input[type="submit"].btn_back{ 
    93     color:#FFF; 
    94     font-size: 16px; 
    95     font-weight:bold; 
    96     text-decoration: none; 
    97     text-align:center; 
    98     text-shadow: 0 -1px 1px rgba(0,0,0,1); 
    99     border: 1px solid #A9ABAD; 
    100     border-radius: 5px; 
    101     -moz-border-radius: 5px; 
    102     -webkit-border-radius: 5px; 
    103     display:block; 
    104     padding:5px 0; 
    105     background:#999999; 
    106     background: -moz-linear-gradient(center top, #C5C5C5 0%,#999999 100%); 
    107     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C5C5C5),color-stop(1, #999999)); 
     96color:#FFF; 
     97font-size: 16px; 
     98font-weight:bold; 
     99text-decoration: none; 
     100text-align:center; 
     101text-shadow: 0 -1px 1px rgba(0,0,0,1); 
     102border: 1px solid #A9ABAD; 
     103border-radius: 5px; 
     104-moz-border-radius: 5px; 
     105-webkit-border-radius: 5px; 
     106display:block; 
     107padding:5px 0; 
     108background:#999999; 
     109background: -moz-linear-gradient(center top, #C5C5C5 0%,#999999 100%); 
     110background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C5C5C5),color-stop(1, #999999)); 
    108111} 
    109112/*----------------------------------------------- 
    … …  
    111114----------------------------------------------- */ 
    112115.btn_sub,a.btn_sub,a.btn_sub:link,a.btn_sub:visited,a.btn_sub:hover { 
    113     color:#000; 
    114     font-size: 16px; 
    115     padding:5px 0; 
    116     font-weight:bold; 
    117     text-decoration: none; 
    118     text-align:center; 
    119     text-shadow: 0 -1px 1px rgba(0,0,0,0.3); 
    120     border: 1px solid #A9ABAD; 
    121     border-radius: 5px; 
    122     -moz-border-radius: 5px; 
    123     -webkit-border-radius: 5px; 
    124     display:block; 
    125     background:#FDFDfD; 
    126     background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 
    127     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 
     116color:#000; 
     117font-size: 16px; 
     118padding:5px 0; 
     119font-weight:bold; 
     120text-decoration: none; 
     121text-align:center; 
     122text-shadow: 0 -1px 1px rgba(255,255,255,1); 
     123border: 1px solid #A9ABAD; 
     124border-radius: 5px; 
     125-moz-border-radius: 5px; 
     126-webkit-border-radius: 5px; 
     127display:block; 
     128background:#FDFDfD; 
     129background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 
     130background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 
    128131} 
    129132input[type="submit"].btn_sub{ 
    130     color:#000; 
    131     font-size: 16px; 
    132     padding:5px 0; 
    133     font-weight:bold; 
    134     text-decoration: none; 
    135     text-align:center; 
    136     text-shadow: 0 -1px 1px rgba(0,0,0,0.3); 
    137     border: 1px solid #A9ABAD; 
    138     border-radius: 5px; 
    139     -moz-border-radius: 5px; 
    140     -webkit-border-radius: 5px; 
    141     display:block; 
    142     background:#FDFDfD; 
    143     background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 
    144     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 
     133color:#000; 
     134font-size: 16px; 
     135padding:5px 0; 
     136font-weight:bold; 
     137text-decoration: none; 
     138text-align:center; 
     139text-shadow: 0 -1px 1px rgba(0,0,0,0.3); 
     140border: 1px solid #A9ABAD; 
     141border-radius: 5px; 
     142-moz-border-radius: 5px; 
     143-webkit-border-radius: 5px; 
     144display:block; 
     145background:#FDFDfD; 
     146background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 
     147background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 
    145148} 
    146149/*----------------------------------------------- 
    … …  
    148151----------------------------------------------- */ 
    149152a.btn_more,a.btn_more:link,a.btn_more:visited,a.btn_more:hover{ 
    150     color:#000; 
    151     font-size: 16px; 
    152     padding:5px 0; 
    153     font-weight:bold; 
    154     text-decoration: none; 
    155     text-align:center; 
    156     border: 1px solid #A9ABAD; 
    157     border-radius: 5px; 
    158     -moz-border-radius: 5px; 
    159     -webkit-border-radius: 5px; 
    160     display:block; 
    161     background: #FFF; 
    162     clear:both; 
    163     margin:10px; 
     153color:#000; 
     154font-size: 16px; 
     155padding:5px 0; 
     156font-weight:bold; 
     157text-decoration: none; 
     158text-align:center; 
     159border: 1px solid #A9ABAD; 
     160border-radius: 5px; 
     161-moz-border-radius: 5px; 
     162-webkit-border-radius: 5px; 
     163display:block; 
     164background: #FFF; 
     165clear:both; 
     166margin:10px; 
    164167} 
    165168input[type="submit"].btn_more{ 
    166     color:#000; 
    167     font-size: 16px; 
    168     padding:5px 0; 
    169     font-weight:bold; 
    170     text-decoration: none; 
    171     text-align:center; 
    172     border: 1px solid #A9ABAD; 
    173     border-radius: 5px; 
    174     -moz-border-radius: 5px; 
    175     -webkit-border-radius: 5px; 
    176     display:block; 
    177     background: #FFF; 
    178     clear:both; 
     169color:#000; 
     170font-size: 16px; 
     171padding:5px 0; 
     172font-weight:bold; 
     173text-decoration: none; 
     174text-align:center; 
     175border: 1px solid #A9ABAD; 
     176border-radius: 5px; 
     177-moz-border-radius: 5px; 
     178-webkit-border-radius: 5px; 
     179display:block; 
     180background: #FFF; 
     181clear:both; 
    179182} 
    180183/*----------------------------------------------- 
    … …  
    182185----------------------------------------------- */ 
    183186a.btn_btm{ 
    184     width:150px; 
    185     text-align: center; 
    186     color: #FFF; 
    187     background-color: #000; 
    188     background: -moz-linear-gradient(center top, #5E5E5E 0%,#232323 48%); 
    189     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E),color-stop(0.48, #232323)); 
    190     border:#303030 solid 1px; 
    191     text-shadow: 0 -1px 1px rgba(0,0,0,0.5); 
    192     -moz-border-radius: 5px; 
    193     -webkit-border-radius: 5px; 
    194     padding: 5px; 
    195     margin:10px auto; 
    196     transition: background-color 1s ease-in; 
    197     -webkit-transition: background-color 1s ease-in; 
    198     -moz-transition: opacity 1s ease-int; 
    199     cursor:pointer; 
     187width:150px; 
     188text-align: center; 
     189color: #FFF; 
     190background-color: #000; 
     191background: -moz-linear-gradient(center top, #5E5E5E 0%,#232323 48%); 
     192background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E),color-stop(0.48, #232323)); 
     193border:#303030 solid 1px; 
     194text-shadow: 0 -1px 1px rgba(0,0,0,0.5); 
     195-moz-border-radius: 5px; 
     196-webkit-border-radius: 5px; 
     197padding: 5px; 
     198margin:10px auto; 
     199transition: background-color 1s ease-in; 
     200-webkit-transition: background-color 1s ease-in; 
     201-moz-transition: opacity 1s ease-int; 
     202cursor:pointer; 
    200203} 
    201204.btn_btm,a.btn_btm:link,a.btn_btm:hover,a.btn_btm:visited{ 
    202     color:#FFF; 
    203     text-decoration:none; 
     205color:#FFF; 
     206text-decoration:none; 
    204207} 
    205208input[type="submit"].btn_btm{ 
    206     width:150px; 
    207     text-align: center; 
    208     color: #FFF; 
    209     background-color: #000; 
    210     background: -moz-linear-gradient(center top, #5E5E5E 0%,#232323 48%); 
    211     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E),color-stop(0.48, #232323)); 
    212     border:#303030 solid 1px; 
    213     text-shadow: 0 -1px 1px rgba(0,0,0,0.5); 
    214     -moz-border-radius: 5px; 
    215     -webkit-border-radius: 5px; 
    216     padding: 5px; 
    217     margin:10px auto; 
    218     transition: background-color 1s ease-in; 
    219     -webkit-transition: background-color 1s ease-in; 
    220     -moz-transition: opacity 1s ease-int; 
    221     cursor:pointer; 
     209width:150px; 
     210text-align: center; 
     211color: #FFF; 
     212background-color: #000; 
     213background: -moz-linear-gradient(center top, #5E5E5E 0%,#232323 48%); 
     214background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E),color-stop(0.48, #232323)); 
     215border:#303030 solid 1px; 
     216text-shadow: 0 -1px 1px rgba(0,0,0,0.5); 
     217-moz-border-radius: 5px; 
     218-webkit-border-radius: 5px; 
     219padding: 5px; 
     220margin:10px auto; 
     221transition: background-color 1s ease-in; 
     222-webkit-transition: background-color 1s ease-in; 
     223-moz-transition: opacity 1s ease-int; 
     224cursor:pointer; 
    222225} 
    223226/*----------------------------------------------- 
    … …  
    225228----------------------------------------------- */ 
    226229ul.edit{ 
    227     float:right; 
    228     clear:right; 
    229     display:inline; 
    230     vertical-align:top; 
    231     line-height:1; 
    232     position:absolute; 
    233     right:10px; 
    234     top:15px; 
     230float:right; 
     231clear:right; 
     232display:inline; 
     233vertical-align:top; 
     234line-height:1; 
     235position:absolute; 
     236right:10px; 
     237top:15px; 
    235238} 
    236239ul.edit li{ 
    237     display:inline; 
    238     float:left; 
    239     line-height:1; 
    240     vertical-align:middle; 
     240display:inline; 
     241float:left; 
     242line-height:1; 
     243vertical-align:middle; 
    241244} 
    242245ul.edit li:first-child{ 
    243     margin-right:0.8em; 
     246margin-right:0.8em; 
    244247} 
    245248a.b_edit:link,a.b_edit:visited,a.b_edit:hover{ 
    246     color:#000; 
    247     font-size:11px; 
    248     padding:4px 5px; 
    249     border:#CCC solid 1px; 
    250     border-radius: 12px; 
    251     -moz-border-radius: 12px; 
    252     -webkit-border-radius: 12px; 
    253     background:#D7DDE3; 
    254     background: -moz-linear-gradient(center top, #FFFFFF 0%,#D7DDE3 100%); 
    255     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(1, #D7DDE3)); 
    256     display:inline; 
    257     text-align:center; 
    258     cursor:pointer; 
    259     vertical-align:middle; 
     249color:#000; 
     250font-size:11px; 
     251padding:4px 5px; 
     252border:#CCC solid 1px; 
     253border-radius: 12px; 
     254-moz-border-radius: 12px; 
     255-webkit-border-radius: 12px; 
     256background:#D7DDE3; 
     257background: -moz-linear-gradient(center top, #FFFFFF 0%,#D7DDE3 100%); 
     258background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(1, #D7DDE3)); 
     259display:inline; 
     260text-align:center; 
     261cursor:pointer; 
     262vertical-align:middle; 
    260263} 
    261264a.b_delete:link,a.b_delete:visited,a.b_delete:hover{ 
    262     vertical-align:top; 
    263     cursor:pointer; 
     265vertical-align:top; 
     266cursor:pointer; 
    264267} 
    265268/*----------------------------------------------- 
    … …  
    267270----------------------------------------------- */ 
    268271.cartbtn_default{ 
    269     width:50%!important; 
    270     font-size:15px; 
    271     padding:10px 0; 
    272     background:#669222; 
    273     background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%); 
    274     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222)); 
     272width:50%!important; 
     273font-size:15px; 
     274padding:10px 0; 
     275background:#669222; 
     276background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%); 
     277background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222)); 
    275278} 
    276279 
    … …  
    279282----------------------------------------------- */ 
    280283.btn_favorite .btn_sub{ 
    281     width:auto; 
    282     display:block; 
     284width:auto; 
     285display:block; 
    283286} 
    284287/*----------------------------------------------- 
    … …  
    286289----------------------------------------------- */ 
    287290.addbtn{ 
    288     margin:0 30px; 
    289     padding:5px 0; 
     291margin:0 30px; 
     292padding:5px 0; 
    290293} 
    291294/*----------------------------------------------- 
    … …  
    293296----------------------------------------------- */ 
    294297.btn_s{ 
    295     width:12em; 
    296     padding:10px 0!important; 
    297     margin:10px auto; 
    298     clear:both; 
     298width:12em; 
     299padding:10px 0!important; 
     300margin:10px auto; 
     301clear:both; 
    299302} 
    300303/*----------------------------------------------- 
    … …  
    302305----------------------------------------------- */ 
    303306.btn_inputzip{ 
    304     margin:12px 0 5px 0; 
     307margin:12px 0 5px 0; 
    305308} 
    306309/*----------------------------------------------- 
    … …  
    308311----------------------------------------------- */ 
    309312.btn_login,.btn_close{ 
    310     width:70%; 
    311     margin:10px auto; 
    312 } 
     313width:70%; 
     314margin:10px auto; 
     315} 
Note: See TracChangeset for help on using the changeset viewer.