Ignore:
Timestamp:
2011/07/31 15:25:24 (13 years ago)
Author:
Seasoft
Message:

#1294 (ソースを読みやすくする)

File:
1 edited

Legend:

Unmodified
Added
Removed
  • branches/version-2_11-dev/html/user_data/packages/sphone/css/mypage.css

    r21052 r21081  
    22/* =================================================================== 
    33CSS information 
    4 file name  :mypage.css 
    54style info :マイページ 
    65=================================================================== */ 
     
    98----------------------------------------------- */ 
    109#mypagecolumn{ 
    11 width:100%;} 
     10    width:100%; 
     11} 
    1212#mypagecolumn h2.title{ 
    13 font-size:18px; 
    14 border-bottom:#CCC solid 1px; 
    15 -webkit-box-shadow:none; 
    16 -moz-box-shadow:none; 
    17 margin-bottom:0!important; 
     13    font-size:18px; 
     14    border-bottom:#CCC solid 1px; 
     15    -webkit-box-shadow:none; 
     16    -moz-box-shadow:none; 
     17    margin-bottom:0!important; 
    1818} 
    1919h3.title_mypage{ 
    20 font-size:18px; 
    21 line-height:1.2; 
    22 margin-bottom:10px; 
    23 padding:10px 10px 10px 25px; 
    24 background:url(../img/common/bg_tit_bar.png) 10px 12px no-repeat; 
    25 -webkit-box-shadow: 1px 5px 5px #E2E2E2; 
    26 -moz-box-shadow: 1px 5px 5px #E2E2E2; 
     20    font-size:18px; 
     21    line-height:1.2; 
     22    margin-bottom:10px; 
     23    padding:10px 10px 10px 25px; 
     24    background:url(../img/common/bg_tit_bar.png) 10px 12px no-repeat; 
     25    -webkit-box-shadow: 1px 5px 5px #E2E2E2; 
     26    -moz-box-shadow: 1px 5px 5px #E2E2E2; 
    2727} 
    2828/**イントロダクション*/ 
    2929#mypagecolumn .information{ 
    30 font-size:12px; 
    31 padding:10px 10px 0 10px; 
    32 border-bottom:0; 
    33 font-weight:normal; 
     30    font-size:12px; 
     31    padding:10px 10px 0 10px; 
     32    border-bottom:0; 
     33    font-weight:normal; 
    3434} 
    3535#mypagecolumn .information p:first-child{ 
    36 font-size:14px; 
    37 font-weight:bold; 
    38 margin-bottom:0; 
     36    font-size:14px; 
     37    font-weight:bold; 
     38    margin-bottom:0; 
    3939} 
    4040/*----------------------------------------------- 
     
    4242----------------------------------------------- */ 
    4343#mypage_nav{ 
    44 width:100%; 
    45 margin-bottom:10px; 
    46 background:#DAE0E5; 
    47 background: -moz-linear-gradient(center top, #EEF0F3 0%,#DAE0E5 90%,#DAE0E5 0%); 
    48 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEF0F3),color-stop(0.9, #DAE0E5),color-stop(0, #DAE0E5)); 
    49 margin-bottom:15px; 
    50 -webkit-box-shadow: 1px 5px 5px #C0C0C0; 
    51 -moz-box-shadow: 1px 5px 5px #C0C0C0; 
     44    width:100%; 
     45    margin-bottom:10px; 
     46    background:#DAE0E5; 
     47    background: -moz-linear-gradient(center top, #EEF0F3 0%,#DAE0E5 90%,#DAE0E5 0%); 
     48    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEF0F3),color-stop(0.9, #DAE0E5),color-stop(0, #DAE0E5)); 
     49    margin-bottom:15px; 
     50    -webkit-box-shadow: 1px 5px 5px #C0C0C0; 
     51    -moz-box-shadow: 1px 5px 5px #C0C0C0; 
    5252} 
    5353#mypage_nav ul{ 
    54 width:auto; 
    55 clear:both; 
    56 margin:0 auto; 
     54    width:auto; 
     55    clear:both; 
     56    margin:0 auto; 
    5757} 
    5858#mypage_nav ul li{ 
    59 float:left; 
    60 text-align:center; 
    61 border-left:#FFF solid 1px; 
    62 border-right:#CCC solid 1px; 
    63 border-bottom:#CCC solid 1px; 
    64 white-space:nowrap; 
     59    float:left; 
     60    text-align:center; 
     61    border-left:#FFF solid 1px; 
     62    border-right:#CCC solid 1px; 
     63    border-bottom:#CCC solid 1px; 
     64    white-space:nowrap; 
    6565} 
    6666#mypage_nav ul li a{ 
    67 color:#000; 
    68 padding:9px 0 8px 0; 
    69 display:block; 
    70 text-shadow: 0px -1px 1px rgba(255,255,255,0.7); 
    71 background-color:#DAE0E5; 
    72 background: -moz-linear-gradient(center top, #EEF0F3 0%,#DAE0E5 90%,#DAE0E5 100%); 
    73 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEF0F3),color-stop(0.9, #DAE0E5),color-stop(1, #DAE0E5)); 
     67    color:#000; 
     68    padding:9px 0 8px 0; 
     69    display:block; 
     70    text-shadow: 0px -1px 1px rgba(255,255,255,0.7); 
     71    background-color:#DAE0E5; 
     72    background: -moz-linear-gradient(center top, #EEF0F3 0%,#DAE0E5 90%,#DAE0E5 100%); 
     73    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEF0F3),color-stop(0.9, #DAE0E5),color-stop(1, #DAE0E5)); 
    7474} 
    7575#mypage_nav ul li a:hover{ 
    76 color:#FFF; 
    77 text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    78 background:#5393c5; 
    79 background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%); 
    80 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2)); 
     76    color:#FFF; 
     77    text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
     78    background:#5393c5; 
     79    background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%); 
     80    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2)); 
    8181} 
    8282#mypage_nav ul li.nav_delivadd,#mypage_nav ul li.nav_change{ 
    83 width:49.7%; 
     83    width:49.7%; 
    8484} 
    8585#mypage_nav ul li.nav_history,#mypage_nav ul li.nav_favorite,#mypage_nav ul li.nav_refusal{ 
    86 width:33%; 
     86    width:33%; 
    8787} 
    8888#mypage_nav li:first-child,#mypage_nav li:nth-child(3){ 
    89 border-left:none; 
     89    border-left:none; 
    9090} 
    9191#mypage_nav li:last-child,#mypage_nav li:nth-child(2){ 
    92 border-right:none; 
     92    border-right:none; 
    9393} 
    9494 
     
    9797----------------------------------------------- */ 
    9898#historyBox{ 
    99 padding:10px; 
    100 background:#F7F5F0; 
    101 border:#A9ABAD solid 1px; 
    102 border-radius:7px; 
    103 -moz-border-radius:7px; 
    104 -webkit-border-radius:7px; 
    105 margin-bottom:10px; 
     99    padding:10px; 
     100    background:#F7F5F0; 
     101    border:#A9ABAD solid 1px; 
     102    border-radius:7px; 
     103    -moz-border-radius:7px; 
     104    -webkit-border-radius:7px; 
     105    margin-bottom:10px; 
    106106} 
    107107#historyBox p{ 
    108 font-size:12px; 
    109 width:70%; 
    110 display:inline; 
    111 float:left; 
     108    font-size:12px; 
     109    width:70%; 
     110    display:inline; 
     111    float:left; 
    112112} 
    113113#historyBox .btn_reorder{ 
    114 width:5em; 
    115 float:right; 
    116 padding:15px; 
    117 display:inline; 
    118 margin:0; 
     114    width:5em; 
     115    float:right; 
     116    padding:15px; 
     117    display:inline; 
     118    margin:0; 
    119119} 
    120120#mypagecolumn .cartinContents ul li.result{ 
    121 padding-top:0!important; 
    122 padding-left:1em; 
     121    padding-top:0!important; 
     122    padding-left:1em; 
    123123} 
    124124/*メール履歴詳細*/ 
    125125#news_area li{ 
    126 padding:10px; 
    127 display:block; 
    128 clear:both; 
    129 line-height:1.3; 
    130 background-color:#FEFEFE; 
    131 background: -moz-linear-gradient(center top, #FEFEFE 0%,#eeeeee 100%); 
    132 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #eeeeee)); 
    133 border-top:#FFF solid 1px; 
    134 border-bottom:#CCC solid 1px; 
     126    padding:10px; 
     127    display:block; 
     128    clear:both; 
     129    line-height:1.3; 
     130    background-color:#FEFEFE; 
     131    background: -moz-linear-gradient(center top, #FEFEFE 0%,#eeeeee 100%); 
     132    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #eeeeee)); 
     133    border-top:#FFF solid 1px; 
     134    border-bottom:#CCC solid 1px; 
    135135} 
    136136/* ----------------------------------------------- 
     
    138138----------------------------------------------- */ 
    139139.favoriteBox{ 
    140 padding:10px; 
    141 border-bottom:#CCC solid 1px; 
    142 clear:both; 
    143 position:relative; 
     140    padding:10px; 
     141    border-bottom:#CCC solid 1px; 
     142    clear:both; 
     143    position:relative; 
    144144} 
    145145.favoriteBox:last-child{ 
    146 border-bottom:none; 
     146    border-bottom:none; 
    147147} 
    148148.favoriteBox .photoL{ 
    149 width:80px; 
     149    width:80px; 
    150150} 
    151151.favoriteContents{ 
    152 width:70%; 
    153 float:right; 
    154 display:block; 
    155 position:relative; 
     152    width:70%; 
     153    float:right; 
     154    display:block; 
     155    position:relative; 
    156156} 
    157157.favoriteContents .btn_delete{ 
    158 padding:1px; 
    159 right:10px; 
    160 float:right; 
    161 position:absolute; 
    162 top:0; 
     158    padding:1px; 
     159    right:10px; 
     160    float:right; 
     161    position:absolute; 
     162    top:0; 
    163163} 
    164164 
     
    167167----------------------------------------------- */ 
    168168#mypagecolumn .thankstext{ 
    169 padding:15px 10px 10px 10px; 
     169    padding:15px 10px 10px 10px; 
    170170} 
    171171/* ----------------------------------------------- 
     
    173173----------------------------------------------- */ 
    174174#mypagecolumn .btn_area_top{ 
    175 margin-top:10px; 
     175    margin-top:10px; 
    176176} 
    177177.delivBox{ 
    178 padding:10px; 
    179 border-bottom:#CCC solid 1px; 
    180 clear:both; 
    181 position:relative; 
     178    padding:10px; 
     179    border-bottom:#CCC solid 1px; 
     180    clear:both; 
     181    position:relative; 
    182182} 
    183183.delivBox:last-child{ 
    184 border-bottom:none; 
     184    border-bottom:none; 
    185185} 
    186186 
     
    189189----------------------------------------------- */ 
    190190.refusetxt{ 
    191 padding:15px 10px 10px 10px; 
     191    padding:15px 10px 10px 10px; 
    192192} 
    193193.btn_refuse{ 
    194 padding:0; 
    195 margin:20px auto 0 auto;  
     194    padding:0; 
     195    margin:20px auto 0 auto;  
    196196} 
    197197.btn_refuse li{ 
    198 display:inline; 
    199 float:left; 
     198    display:inline; 
     199    float:left; 
    200200} 
    201201.btn_refuse .btn{ 
    202 font-size:13px!important; 
    203 display:inline; 
     202    font-size:13px!important; 
     203    display:inline; 
    204204} 
    205205.btn_refuse li:first-child{ 
    206 margin-right:1.2em; 
    207 } 
     206    margin-right:1.2em; 
     207} 
Note: See TracChangeset for help on using the changeset viewer.