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/sphone/css
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • 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.