Ignore:
Timestamp:
2011/02/25 18:49:29 (15 years ago)
Author:
uemoto
Message:

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

  • CSSクラス名等調整
  • ヘッダ用ブロック追加

#932(商品をお気に入りに入れたかどうかの判別が動いていない)

  • 取り急ぎ判別のみ実装
Location:
branches/version-2_5-dev/html/user_data/packages/default/css
Files:
5 edited

Legend:

Unmodified
Added
Removed

  • branches/version-2_5-dev/html/user_data/packages/default/css/bloc.css

    r20340 r20408  
    1616-カテゴリー 
    1717-ガイドリンク 
    18 -ログイン 
     18-ログイン（サイド用） 
    1919-検索 
    2020-カレンダー 
    2121-おすすめ商品 
    22     tplファイルのマークアップが同じ項目 
    23     *メインカラム用 1カラム時 [one_maincolumn  
     22    *メインカラム用 1カラム時 [one_maincolumn] 
    2423    *メインカラム用 2カラム時 [two_maincolumn_left] 
    2524                              [two_maincolumn_right] 
    … …  
    5958----------------------------------------------- */ 
    6059/* ログイン 検索条件 */ 
    61 #container .bloc_outer .bloc_body dl.formList { 
     60#container .bloc_outer .bloc_body dl.formlist { 
    6261    margin-bottom: 8px; 
    6362} 
    64 #container .bloc_outer .bloc_body dl.formList dd { 
    65     margin-bottom: 5px; 
    66 } 
    67 #container .bloc_outer .bloc_body dl.formList dt { 
     63#container .bloc_outer .bloc_body dl.formlist dd { 
     64    margin-bottom: 5px; 
     65} 
     66#container .bloc_outer .bloc_body dl.formlist dt { 
    6867    margin-bottom: 3px; 
    6968    padding-left: 15px; 
    … …  
    7170    font-size: 90%; 
    7271} 
    73 #container .bloc_outer .bloc_body dl.formList span{ 
     72#container .bloc_outer .bloc_body dl.formlist span{ 
    7473    vertical-align: top; 
    7574} 
    … …  
    9998 
    10099/* タイトルの背景 オレンジ */ 
    101 #recomend_area .titleWrap , 
    102 #news_area.titleWrap { 
    103     padding-bottom: 1px; 
    104     font-size: 14px; 
    105 } 
    106  
    107100#recomend_area h2 , 
    108101#news_area h2 { 
    … …  
    138131    padding: 10px; 
    139132} 
    140 #news_area .newsContents { 
     133#news_area .news_contents { 
    141134    padding-right: 10px; 
    142135    max-height:260px; 
    … …  
    147140} 
    148141 
    149 #news_area dl.newsList { 
     142#news_area dl.newslist { 
    150143    background: url("../img/background/line_dot_01.gif") repeat-x bottom; 
    151144} 
    152 #news_area dl.newsList dt { 
    153     margin-bottom: 5px; 
    154 } 
    155 #news_area dl.newsList dd { 
     145#news_area dl.newslist dt { 
     146    margin-bottom: 5px; 
     147} 
     148#news_area dl.newslist dd { 
    156149    margin-bottom: 10px; 
    157150    padding-bottom: 10px; 
    … …  
    254247 
    255248/* =============================================== 
    256 ▼ログイン 
    257 ※ヘッダー用はheader_block.css内に記述 
     249▼ログイン（サイド用） 
     250※ヘッダー用はbloc_alpha.css内に記述 
    258251=============================================== */ 
    259252#container div#login_area .bloc_body { 
    … …  
    268261    text-align: center; 
    269262} 
    270 #container .login_area dl.formList { 
     263#container .login_area dl.formlist { 
    271264    margin-bottom: 8px; 
    272265    width: 420px; 
    273266} 
    274 #container .login_area dl.formList dt { 
     267#container .login_area dl.formlist dt { 
    275268    margin-bottom: 3px; 
    276269    padding-left: 15px; 
    … …  
    281274    font-size: 90%; 
    282275} 
    283 #container .login_area dl.formList dd { 
     276#container .login_area dl.formlist dd { 
    284277    margin-bottom: 5px; 
    285278    float: right; 
    … …  
    445438} 
    446439 
    447  
    448440/* サイドカラム用 (幅px固定) */ 
    449441.side_column #recomend_area .bloc_body { 

  • branches/version-2_5-dev/html/user_data/packages/default/css/bloc_alpha.css

    r20341 r20408  
    11@charset "utf-8"; 
    22 
    3 /* *********************************************** 
     3/************************************************ 
    44 インヘッダーブロック 
    55************************************************ */ 
    … …  
    1111} 
    1212 
    13 /* ログイン 
     13/* ログイン（ヘッダー用） 
    1414----------------------------------------------- */ 
    1515#header_login_area { 
    … …  
    2020    letter-spacing: -0.075em; 
    2121} 
    22 #header_login_area ul.formList { 
     22#header_login_area ul.formlist { 
    2323    margin-top: 5px; 
    2424} 
    25 #header_login_area ul.formList li { 
     25#header_login_area ul.formlist li { 
    2626    float: left; 
    2727} 
    28 #header_login_area ul.formList li.mail { 
     28#header_login_area ul.formlist li.mail { 
    2929    padding-left: 28px; 
    3030    width: 155px; 
    … …  
    3232    font-size: 90%; 
    3333} 
    34 #header_login_area ul.formList li.password { 
     34#header_login_area ul.formlist li.password { 
    3535    padding-right: 5px; 
    3636} 
    37 #header_login_area ul.formList li.login_memory { 
     37#header_login_area ul.formlist li.login_memory { 
    3838    padding-right: 5px; 
    3939    font-size: 90%; 
    4040} 
    41 #header_login_area ul.formList li.forgot{ 
     41#header_login_area ul.formlist li.forgot{ 
    4242    margin-top: 3px; 
    4343    padding-right: 5px; 
    4444    font-size: 90%; 
    4545} 
    46 #header_login_area ul.formList li.btn { 
     46#header_login_area ul.formlist li.btn { 
    4747    padding-right: 5px; 
    4848    width: 53px; 
    4949} 
    50  
     50#header_login_area p.btn { 
     51    height: 20px; 
     52    padding: 5px 0; 
     53    vertical-align: middle; 
     54} 
     55#header_login_area p.btn input[type=image] { 
     56    vertical-align: middle; 
     57} 
    5158 
    5259/* *********************************************** 
    … …  
    8087} 
    8188 
    82  
    83  
    84  
    85  
    86  

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

    r20340 r20408  
    33/************************************************ 
    44 共通設定 
    5 /************************************************/ 
     5************************************************ */ 
    66body { 
    77    font-family: Verdana,Arial,Helvetica,sans-serif; 
    … …  
    9393 
    9494/* 下層コンテンツ */ 
    95 div#undercolumn { width: 100%; margin: 0 0 30px 0;} 
     95#undercolumn { width: 100%; margin: 0 0 30px 0;} 
    9696 
    9797 
    … …  
    127127a[href]:hover {  
    128128    color: #f60; 
     129    text-decoration: underline; 
    129130} 
    130131 
    … …  
    135136.price { color: #f00; } 
    136137.sale_price { color: #f00; } 
     138.normal_price { color: #f00; font-size: 90%; } 
    137139.point { color: #f00; font-weight: bold; } 
    138140.user_name { font-weight: bold; } 
    139 .normal_price { color: #f00; font-size: 90%; } 
    140141.recommend_level { color: #ecbd00; } 
    141142 
    … …  
    148149/* 行揃え 
    149150----------------------------------------------- */ 
    150 .phototd { width: 75px; text-align: center; } 
    151151.alignC { text-align: center; } 
    152152.alignR { text-align: right; } 
    … …  
    164164} 
    165165 
    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; } 
     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; } 
    178178 
    179179/* フォームが縦に重なり合う場合に併用する余白 */ 
    … …  
    219219/* レイアウト 
    220220----------------------------------------------- */ 
    221 #errorHeader { 
    222     color: #F00; 
    223     font-weight: bold; 
    224     font-size: 12px; 
    225     background-color: #FEB; 
    226     text-align: center; 
    227     padding: 5px; 
    228 } 
    229  
    230221#header_wrap { 
    231222    border-top: solid 3px #f90; 
    … …  
    259250    height: 33px; 
    260251} 
    261 #logo_area h1 span{ 
     252#logo_area h1 span { 
    262253    display: none;/* テキストロゴ非表示 */ 
    263254} 
    … …  
    291282} 
    292283#footer { 
     284    margin: auto; 
    293285    padding-top: 10px; 
    294286    border-top: solid 1px #ccc; 
    295287    width: 950px; 
    296     margin: auto; 
    297288} 
    298289#pagetop { 

  • branches/version-2_5-dev/html/user_data/packages/default/css/contents.css

    r20340 r20408  
    33/************************************************ 
    44 各ページコンテンツ用 
    5 /************************************************ 
     5************************************************ */ 
    66/* ============================================== 
    77▼TOP 
    … …  
    99/* メインイメージ 
    1010----------------------------------------------- */ 
    11 #mainImage { 
     11#main_image { 
    1212    margin-bottom: 10px; 
    1313    text-align: center; 
    … …  
    3333----------------------------------------------- */ 
    3434div#undercolumn_contact { 
    35     width: 100%; 
    3635    margin: 0 auto; 
     36    width: 100%; 
    3737} 
    3838 
    … …  
    7676    background-color: #fffaf0; 
    7777} 
    78 div#mynavi_area div.point_announce p{ 
     78div#mynavi_area div.point_announce p { 
    7979    padding-left: 20px; 
    8080    background: url('../img/icon/ico_point.gif') no-repeat left ; 
    … …  
    118118/* 会員登録内容変更/退会 
    119119----------------------------------------------- */ 
    120 div#mycontents_area .box120 { 
    121     padding: 2px; 
    122     border: 1px solid #ccc; 
    123     width: 120px; 
    124 } 
    125  
    126120div#mycontents_area .message_area { 
    127121    margin: 30px auto; 
    … …  
    184178} 
    185179 
    186 div#undercolumn_error .messagearea .error { 
     180div#undercolumn_error .message_area .error { 
    187181    padding: 120px 0; 
    188182} 
    … …  
    199193} 
    200194.pagecond_area { 
     195    margin-bottom: 20px; 
    201196    padding: 10px; 
    202     margin-bottom: 20px; 
    203197} 
    204198.pagenumber_area { 
    … …  
    218212} 
    219213 
    220 /* 商品 
     214 
     215/* レイアウト 
    221216----------------------------------------------- */ 
    222217div.list_area { 
    … …  
    225220    overflow: auto; 
    226221} 
     222 
    227223div.listphoto { 
    228224    float: left; 
    229225} 
    230 div.listrightbloc { 
     226 
     227/* メインカラム用 1カラム時*/ 
     228#one_maincolumn div.listrightbloc { 
    231229    float: right; 
    232230    width: 74%; 
    233231} 
    234232 
     233/* メインカラム用 2カラム時*/ 
     234#two_maincolumn_right div.listrightbloc , 
     235#two_maincolumn_left div.listrightbloc { 
     236    float: right; 
     237    width: 80%; 
     238} 
     239 
     240/* メインカラム用 3カラム時*/ 
     241#three_maincolumn div.listrightbloc { 
     242    float: right; 
     243    width: 74%; 
     244} 
     245 
     246 
     247/* 商品情報 各種設定 
     248----------------------------------------------- */ 
    235249/* 商品ステータス */ 
    236250div.listrightbloc ul.status_icon { 
    … …  
    332346} 
    333347 
     348/* レイアウト 
     349----------------------------------------------- */ 
    334350/* 1カラム用 */ 
    335351#one_maincolumn div#detailphotobloc { 
    … …  
    351367    text-align: right; 
    352368} 
     369#one_maincolumn p.subtext { 
     370    margin-bottom: 20px; 
     371} 
    353372 
    354373/* 2カラム用 */ 
    … …  
    369388    width: 73%; 
    370389} 
     390#two_maincolumn_left p.subtext, 
     391#two_maincolumn_right p.subtext { 
     392    margin-bottom: 20px; 
     393} 
    371394#two_maincolumn_left div.subphotoimg , 
    372395#two_maincolumn_right div.subphotoimg { 
    … …  
    390413    width: 63%; 
    391414} 
     415#three_maincolumn p.subtext { 
     416    margin-bottom: 20px; 
     417} 
    392418#three_maincolumn div.subphotoimg { 
    393419    float: right; 
    … …  
    396422} 
    397423 
    398 /* 商品 
     424/* 商品情報 各種設定 
    399425----------------------------------------------- */ 
    400426div#detailrightbloc h2 { 
    … …  
    459485} 
    460486div#detailrightbloc .favorite_btn { 
     487    text-align: center; 
    461488    margin-top: 10px; 
    462489} 
    … …  
    489516} 
    490517 
    491 div#customervoice_area review_bloc .reviewbtn { 
     518div#customervoice_area review_bloc .review_btn { 
    492519    float: right; 
    493520    width: 160px; 
    … …  
    526553 
    527554 
    528 /* カートの中 
     555/* *********************************************** 
     556▼カートの中 
     557/*********************************************** */ 
     558/* 現在のカゴの中 
    529559----------------------------------------------- */ 
    530560div#undercolumn_cart .point_announce { 
    … …  
    543573div#undercolumn_cart p { 
    544574    margin: 10px 5px; 
    545 } 
    546  
    547 div#undercolumn table th.resulttd { 
    548     text-align: right; 
    549 } 
    550  
    551 div#undercolumn td#quantity { 
    552    text-align: center; 
    553    width: 70px; 
    554575} 
    555576 
    … …  
    624645----------------------------------------------- */ 
    625646#address_area { 
    626     width: 100%; 
    627647    margin-bottom: 30px; 
     648    width: 100%; 
    628649} 
    629650 
    … …  
    656677    font-size: 10px; 
    657678} 
     679 
    658680 
    659681/* ============================================== 

  • branches/version-2_5-dev/html/user_data/packages/default/css/popup.css

    r20340 r20408  
    88div#windowcolumn { 
    99    border-top: solid 3px #f90; 
     10    width: 560px; 
    1011    height: 100%; 
    1112    margin: 15px 15px 0 15px; 
    … …  
    2728    padding-bottom: 20px; 
    2829    width: 540px; 
     30    min-height:300px; 
     31    height: auto !important; 
    2932} 
    3033 
    … …  
    5457div#window_area #forgot .mailaddres { 
    5558    margin-bottom: 10px; 
    56 } 
    57 div#window_area .zipimg img { 
    58     margin: 5px 0 0 0; 
    5959} 
    6060 
Note: See TracChangeset for help on using the changeset viewer.