Changeset 20508


Ignore:
Timestamp:
2011/03/05 02:50:39 (11 years ago)
Author:
Seasoft
Message:

#1032(フロントデザインリニューアル)

  • 主に色弱者を対象としたアクセシビリティ向上対策。(ブラウザ設定を無視した基本色設定を削減・リンク文字列のハイコントラスト化)
  • テキストボックスとベタテキストのカラーミスマッチを解消。
  • コーディングスタイルを統一
File:
1 edited

Legend:

Unmodified
Added
Removed
  • branches/version-2_5-dev/html/user_data/packages/default/css/common.css

    r20460 r20508  
    66body { 
    77    font-family: Verdana,Arial,Helvetica,sans-serif; 
    8     color: #666; 
    98    background-color: #f5f5f5; 
    109    font-size: 72.5%; 
    1110    line-height: 150%; 
    12     letter-spacing:0.1em; 
     11    letter-spacing: 0.1em; 
    1312} 
    1413 
     
    5958 
    6059/* 中央カラム */ 
    61 .main_column { padding: 10px 0 20px; } 
     60.main_column { 
     61    padding: 10px 0 20px; 
     62} 
    6263 
    6364/* サイドカラム */ 
    64 #leftcolumn { float: left; width: 20%; } 
    65 #rightcolumn { float: right; width: 20%; } 
     65#leftcolumn { 
     66    float: left; 
     67    width: 20%; 
     68} 
     69#rightcolumn { 
     70    float: right; 
     71    width: 20%; 
     72} 
    6673 
    6774/* 1カラム設定 */ 
     
    93100 
    94101/* 下層コンテンツ */ 
    95 #undercolumn { width: 100%; margin: 0 0 30px 0;} 
     102#undercolumn { 
     103    width: 100%; 
     104    margin: 0 0 30px 0; 
     105} 
    96106 
    97107 
     
    102112----------------------------------------------- */ 
    103113.clearfix:after { 
    104     display:block; 
    105     clear:both; 
    106     height:0px; 
    107     line-height:0px; 
    108     visibility:hidden; 
    109     content:"."; 
     114    display: block; 
     115    clear: both; 
     116    height: 0px; 
     117    line-height: 0px; 
     118    visibility: hidden; 
     119    content: "."; 
    110120} 
    111121 
     
    113123/* リンク指定 
    114124----------------------------------------------- */ 
    115 a:link { 
    116     color: #39c; 
     125a:link , 
     126a:visited { 
     127    color: #15a; 
    117128    text-decoration: none; 
    118129} 
    119 a:visited { 
    120     color: #39c; 
    121     text-decoration: none; 
    122 } 
    123 a:link:hover { 
     130a:link:hover , 
     131a[href]:hover { 
    124132    color: #f60; 
    125133    text-decoration: underline; 
    126134} 
    127 a[href]:hover {  
    128     color: #f60; 
    129     text-decoration: underline; 
    130 } 
    131135 
    132136 
    133137/* フォント 
    134138----------------------------------------------- */ 
    135 h1,h2,h3,h4,h5 { font-size: 100%; line-height: 150%;} 
    136 .price { color: #f00; } 
    137 .sale_price { color: #f00; } 
    138 .normal_price { color: #f00; font-size: 90%; } 
    139 .point { color: #f00; font-weight: bold; } 
    140 .user_name { font-weight: bold; } 
    141 .recommend_level { color: #ecbd00; } 
    142  
    143 .attention { color: #f00; } 
    144 .attentionSt { color: #f00; font-weight: bold; } 
    145 .st { font-weight: bold; } 
    146 .mini { font-size: 90%; } 
     139h1,h2,h3,h4,h5 { 
     140    font-size: 100%; 
     141    line-height: 150%; 
     142} 
     143.price { 
     144    color: #f00; 
     145} 
     146.sale_price { 
     147    color: #f00; 
     148} 
     149.normal_price { 
     150    color: #f00; 
     151    font-size: 90%; 
     152} 
     153.point { 
     154    color: #f00; 
     155    font-weight: bold; 
     156} 
     157.user_name { 
     158    font-weight: bold; 
     159} 
     160.recommend_level { 
     161    color: #ecbd00; 
     162} 
     163 
     164.attention { 
     165    color: #f00; 
     166} 
     167.attentionSt { 
     168    color: #f00; 
     169    font-weight: bold; 
     170} 
     171.st { 
     172    font-weight: bold; 
     173} 
     174.mini { 
     175    font-size: 90%; 
     176} 
    147177 
    148178 
    149179/* 行揃え 
    150180----------------------------------------------- */ 
    151 .alignC { text-align: center; } 
    152 .alignR { text-align: right; } 
    153 .alignL { text-align: left; } 
    154 .pricetd em { font-weight: bold;} 
     181.alignC { 
     182    text-align: center; 
     183} 
     184.alignR { 
     185    text-align: right; 
     186} 
     187.alignL { 
     188    text-align: left; 
     189} 
     190.pricetd em { 
     191    font-weight: bold; 
     192} 
    155193 
    156194 
     
    164202} 
    165203 
    166 .box40 { width: 40px; } 
    167 .box60 { width: 60px; } 
    168 .box100 { width: 100px; } 
    169 .box120 { width: 120px; } 
    170 .box140 { width: 140px; } 
    171 .box145 { width: 145px; } 
    172 .box150 { width: 150px; } 
    173 .box240 { width: 240px; } 
    174 .box300 { width: 300px; } 
    175 .box320 { width: 320px; } 
    176 .box350 { width: 350px; } 
    177 .box380 { width: 380px; } 
     204.box40 { 
     205    width: 40px; 
     206} 
     207.box60 { 
     208    width: 60px; 
     209} 
     210.box100 { 
     211    width: 100px; 
     212} 
     213.box120 { 
     214    width: 120px; 
     215} 
     216.box140 { 
     217    width: 140px; 
     218} 
     219.box145 { 
     220    width: 145px; 
     221} 
     222.box150 { 
     223    width: 150px; 
     224} 
     225.box240 { 
     226    width: 240px; 
     227} 
     228.box300 { 
     229    width: 300px; 
     230} 
     231.box320 { 
     232    width: 320px; 
     233} 
     234.box350 { 
     235    width: 350px; 
     236} 
     237.box380 { 
     238    width: 380px; 
     239} 
    178240 
    179241/* フォームが縦に重なり合う場合に併用する余白 */ 
    180 .top { margin-bottom: 5px; } 
     242.top { 
     243    margin-bottom: 5px; 
     244} 
    181245 
    182246 
     
    251315----------------------------------------------- */ 
    252316#site_description { 
    253     font-size:90%; 
     317    font-size: 90%; 
    254318} 
    255319#logo_area h1 { 
     
    258322} 
    259323#logo_area h1 span { 
    260     display: none;/* テキストロゴ非表示 */ 
     324    display: none; /* テキストロゴ非表示 */ 
    261325} 
    262326 
     
    340404    margin-top: 40px; 
    341405    padding: 20px 0 0 0; 
    342     border-top :solid 1px #ccc; 
     406    border-top: solid 1px #ccc; 
    343407} 
    344408div#complete_area .shop_information .name { 
     
    347411    font-size: 140%; 
    348412} 
    349  
Note: See TracChangeset for help on using the changeset viewer.