Changeset 22182


Ignore:
Timestamp:
2012/12/28 21:50:56 (11 years ago)
Author:
h_yoshimoto
Message:

#1996 テキストボタン画像のCSS化を一旦コミット

Location:
branches/version-2_12-multilang
Files:
5 added
8 edited

Legend:

Unmodified
Added
Removed

  • branches/version-2_12-multilang/data/Smarty/templates/default_en/frontparts/bloc/calendar.tpl

    r22157 r22182  
    2323<div class="block_outer"> 
    2424    <div id="calender_area"> 
    25     <h2><img src="<!--{$TPL_URLPATH}-->img/title/tit_bloc_calender.gif" alt="Calendar" /></h2> 
     25    <h2><img src="<!--{$TPL_URLPATH}-->img/title/icon_bloc_calender.gif" alt="Calendar" /><span class="title">Calendar</span></h2> 
    2626        <div class="block_body"> 
    2727            <!--{section name=num loop=$arrCalendar}--> 

  • branches/version-2_12-multilang/data/Smarty/templates/default_en/frontparts/bloc/cart.tpl

    r22175 r22182  
    2323<div class="block_outer"> 
    2424    <div id="cart_area"> 
    25     <h2 class="cart"><span class="title"><img src="<!--{$TPL_URLPATH}-->img/title/tit_bloc_cart.gif" alt="What is inside your basket now" /></span></h2> 
     25    <h2 class="cart"><img src="<!--{$TPL_URLPATH}-->img/title/icon_bloc_cart.gif" alt="" /><span class="title">What is inside your basket now</span></h2> 
    2626        <div class="block_body"> 
    2727            <div class="information"> 

  • branches/version-2_12-multilang/data/Smarty/templates/default_en/frontparts/bloc/login.tpl

    r22175 r22182  
    2323<div class="block_outer"> 
    2424    <div id="login_area"> 
    25         <h2><img src="<!--{$TPL_URLPATH}-->img/title/tit_bloc_login.gif" alt="Login" /></h2> 
     25        <h2><img src="<!--{$TPL_URLPATH}-->img/title/icon_bloc_login.gif" /><span class="title">Login</span></h2> 
    2626        <form name="login_form" id="login_form" method="post" action="<!--{$smarty.const.HTTPS_URL}-->frontparts/login_check.php" onsubmit="return fnCheckLogin('login_form')"> 
    2727            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" /> 

  • branches/version-2_12-multilang/data/Smarty/templates/default_en/frontparts/bloc/search_products.tpl

    r22175 r22182  
    2323<div class="block_outer"> 
    2424    <div id="search_area"> 
    25     <h2><span class="title"><img src="<!--{$TPL_URLPATH}-->img/title/tit_bloc_search.gif" alt="Search conditions" /></span></h2> 
     25    <h2><img src="<!--{$TPL_URLPATH}-->img/title/icon_bloc_search.gif" alt="" /><span class="title">Search conditions</span></h2> 
    2626        <div class="block_body"> 
    2727            <!--検索フォーム--> 

  • branches/version-2_12-multilang/html/user_data/packages/default_en/css/bloc.css

    r22176 r22182  
    8383#cart_area h2, 
    8484#cart h2 { 
    85     padding: 5px 0 8px 10px; 
     85    vertical-align: middle; 
     86    padding: 7px 0 0 10px; 
    8687    border-style: solid; 
    8788    border-color: #f90 #ccc #ccc; 
    88     border-width: 1px 1px 0; 
    89     background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom; 
     89    border-width: 1px 1px 1px; 
    9090    font-size: 14px; 
    91 } 
     91    color: #ec5504; 
     92    text-shadow: 1px 1px 1px #fff; 
     93    box-shadow: 0 0 1px 1px #fff inset; 
     94background: #ffffff; /* Old browsers */ 
     95background: -moz-linear-gradient(top,  #ffffff 0%, #e3e3e3 100%); /* FF3.6+ */ 
     96background: -webkit-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */ 
     97background: -o-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Opera 11.10+ */ 
     98background: -ms-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* IE10+ */ 
     99background: linear-gradient(to bottom,  #ffffff 0%,#e3e3e3 100%); /* W3C */ 
     100filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */     
     101} 
     102 
     103#login_area h2 img, 
     104#search_area h2 img, 
     105#calender_area h2 img, 
     106#cart_area h2 img, 
     107#cart h2 img { 
     108    float: left; 
     109    position: relative; 
     110    top: -1px; 
     111    margin-bottom: 6px; 
     112} 
     113 
     114 
     115#login_area h2 .title, 
     116#search_area h2 .title, 
     117#calender_area h2 .title, 
     118#cart_area h2 .title, 
     119#cart h2 .title { 
     120    display: block; 
     121    padding: 0 0 7px 30px; 
     122    line-height: 1.4; 
     123} 
     124 
    92125#category_area h2 { 
    93126    border-top: solid 1px #f90; 
    94     background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom; 
     127    border-bottom: 1px solid #ccc; 
    95128    padding: 5px 0 8px 10px; 
    96129    font-size: 14px; 
     130    box-shadow: 0 0 1px 1px #fff inset; 
     131background: #ffffff; /* Old browsers */ 
     132background: -moz-linear-gradient(top,  #ffffff 0%, #e3e3e3 100%); /* FF3.6+ */ 
     133background: -webkit-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */ 
     134background: -o-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Opera 11.10+ */ 
     135background: -ms-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* IE10+ */ 
     136background: linear-gradient(to bottom,  #ffffff 0%,#e3e3e3 100%); /* W3C */ 
     137filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */     
    97138} 
    98139 
    … …  
    103144    border-style: solid; 
    104145    border-color: #f90 #ccc #ccc; 
    105     border-width: 1px 1px 0; 
    106     background: url('../img/background/bg_btn_bloc_02.jpg') repeat-x left bottom #fef3d8; 
     146    border-width: 1px 1px 1px; 
     147    box-shadow: 0 0 1px 1px #fff inset; 
     148background: #fef3d8; /* Old browsers */ 
     149background: -moz-linear-gradient(top,  #fef3d8 0%, #fedd7e 100%); /* FF3.6+ */ 
     150background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef3d8), color-stop(100%,#fedd7e)); /* Chrome,Safari4+ */ 
     151background: -webkit-linear-gradient(top,  #fef3d8 0%,#fedd7e 100%); /* Chrome10+,Safari5.1+ */ 
     152background: -o-linear-gradient(top,  #fef3d8 0%,#fedd7e 100%); /* Opera 11.10+ */ 
     153background: -ms-linear-gradient(top,  #fef3d8 0%,#fedd7e 100%); /* IE10+ */ 
     154background: linear-gradient(to bottom,  #fef3d8 0%,#fedd7e 100%); /* W3C */ 
     155filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef3d8', endColorstr='#fedd7e',GradientType=0 ); /* IE6-9 */ 
    107156} 
    108157 
    … …  
    229278ul.button_like li { 
    230279    margin: 0; 
    231     padding: 0 0 1px 0; 
    232     background: url("../img/background/bg_btn_list.jpg") bottom repeat-x; 
     280    border: 1px solid #ccc; 
     281background: #fdfdfd; /* Old browsers */ 
     282background: -moz-linear-gradient(top,  #fdfdfd 0%, #f1f1f1 91%, #eeeeee 100%); /* FF3.6+ */ 
     283background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f1f1f1 91%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */ 
     284background: -o-linear-gradient(top,  #fdfdfd 0%,#f1f1f1 91%,#eeeeee 100%); /* Opera 11.10+ */ 
     285background: -ms-linear-gradient(top,  #fdfdfd 0%,#f1f1f1 91%,#eeeeee 100%); /* IE10+ */ 
     286background: linear-gradient(to bottom,  #fdfdfd 0%,#f1f1f1 91%,#eeeeee 100%); /* W3C */ 
     287filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ 
    233288} 
    234289ul.button_like li a { 
    235290    margin: 0; 
    236291    padding: 10px 15px 10px 10px; 
    237     border: 1px solid; 
    238     border-bottom: none; 
    239     border-color: #ccc; 
    240292    display: block; 
    241293    background: url("../img/icon/ico_arrow_02.gif") no-repeat right; 
    242294    text-decoration: none; 
    243295    outline: none; 
     296    box-shadow: 0 0 1px 1px #fff inset; 
    244297} 
    245298 

  • branches/version-2_12-multilang/html/user_data/packages/default_en/css/common.css

    r22176 r22182  
    259259    padding: 8px; 
    260260    border-top: solid 1px #ebeced; 
     261    border-bottom: solid 1px #ebeced; 
    261262    color: #f60; 
    262     background: url("../img/background/bg_tit_sub_01.jpg") repeat-x left bottom; 
    263263    background-color: #fef3d8; 
    264264    font-size: 170%; 
     265    box-shadow: 0 0 1px 1px #fff inset; 
     266background: #fef3d8; /* Old browsers */ 
     267background: -moz-linear-gradient(top,  #fef3d8 0%, #f7df7f 100%); /* FF3.6+ */ 
     268background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef3d8), color-stop(100%,#f7df7f)); /* Chrome,Safari4+ */ 
     269background: -webkit-linear-gradient(top,  #fef3d8 0%,#f7df7f 100%); /* Chrome10+,Safari5.1+ */ 
     270background: -o-linear-gradient(top,  #fef3d8 0%,#f7df7f 100%); /* Opera 11.10+ */ 
     271background: -ms-linear-gradient(top,  #fef3d8 0%,#f7df7f 100%); /* IE10+ */ 
     272background: linear-gradient(to bottom,  #fef3d8 0%,#f7df7f 100%); /* W3C */ 
     273filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef3d8', endColorstr='#f7df7f',GradientType=0 ); /* IE6-9 */ 
    265274} 
    266275 
    … …  
    415424    border-left: 1px solid #D96700; 
    416425    border-radius: 0 4px 0 0; 
    417 background: #f90; /* Old browsers */ 
    418 background: -moz-linear-gradient(top,  #f90 0%, #E86800 100%); /* FF3.6+ */ 
    419 background: -webkit-linear-gradient(top,  #f90 0%,#E86800 100%); /* Chrome10+,Safari5.1+ */ 
    420 background: -o-linear-gradient(top,  #f90 0%,#E86800 100%); /* Opera 11.10+ */ 
    421 background: -ms-linear-gradient(top,  #f90 0%,#E86800 100%); /* IE10+ */ 
    422 background: linear-gradient(to bottom,  #f90 0%,#E86800 100%); /* W3C */ 
    423 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f90', endColorstr='#E86800',GradientType=0 ); /* IE6-9 */ 
    424 } 
     426background: #ff9900; /* Old browsers */ 
     427background: -moz-linear-gradient(top,  #ff9900 0%, #E86800 100%); /* FF3.6+ */ 
     428background: -webkit-linear-gradient(top,  #ff9900 0%,#E86800 100%); /* Chrome10+,Safari5.1+ */ 
     429background: -o-linear-gradient(top,  #ff9900 0%,#E86800 100%); /* Opera 11.10+ */ 
     430background: -ms-linear-gradient(top,  #ff9900 0%,#E86800 100%); /* IE10+ */ 
     431background: linear-gradient(to bottom,  #ff9900 0%,#E86800 100%); /* W3C */ 
     432filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#E86800',GradientType=0 ); /* IE6-9 */ 
     433} 
     434 
    425435div#header_navi ul li.view_basket:active { 
    426436    border-left: 1px solid #D96700; 
    427437    border-radius: 0 4px 0 0; 
    428438background: #E86800; /* Old browsers */ 
    429 background: -moz-linear-gradient(top,  #E86800 0%, ##E36600 100%); /* FF3.6+ */ 
    430 background: -webkit-linear-gradient(top,  #E86800 0%,##E36600 100%); /* Chrome10+,Safari5.1+ */ 
    431 background: -o-linear-gradient(top,  #E86800 0%,##E36600 100%); /* Opera 11.10+ */ 
    432 background: -ms-linear-gradient(top,  #E86800 0%,##E36600 100%); /* IE10+ */ 
    433 background: linear-gradient(to bottom,  #E86800 0%,##E36600 100%); /* W3C */ 
     439background: -moz-linear-gradient(top,  #E86800 0%, #E36600 100%); /* FF3.6+ */ 
     440background: -webkit-linear-gradient(top,  #E86800 0%,#E36600 100%); /* Chrome10+,Safari5.1+ */ 
     441background: -o-linear-gradient(top,  #E86800 0%,#E36600 100%); /* Opera 11.10+ */ 
     442background: -ms-linear-gradient(top,  #E86800 0%,#E36600 100%); /* IE10+ */ 
     443background: linear-gradient(to bottom,  #E86800 0%,#E36600 100%); /* W3C */ 
    434444filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E86800', endColorstr='##E36600',GradientType=0 ); /* IE6-9 */ 
    435445} 
    … …  
    594604    width: 85%; 
    595605    padding: 5px; 
     606    *width: auto; 
    596607} 
    597608 
    … …  
    601612    padding: 7px 5px; 
    602613    margin: 0 auto; 
     614    *width: auto; 
    603615} 
    604616 
    … …  
    616628    padding: 7px 10px; 
    617629    min-width: 130px; 
     630    *width: auto; 
    618631} 
    619632.main_column .btn_area a.bt_wide, 
    … …  
    640653filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */ 
    641654} 
    642 .bt01:not(:target){ 
    643     filter: none; 
    644 }/* for IE9 gradient & border-radius */ 
    645655 
    646656.bt01:hover { 
    … …  
    661671filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */ 
    662672} 
    663 .bt01:active:not(:target){ 
    664     filter: none; 
    665 }/* for IE9 gradient & border-radius */ 
    666673 
    667674.bt01:disabled,.bt01:disabled:hover,.bt01:disabled:active { 
    … …  
    677684filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */ 
    678685} 
    679 .bt01:disabled:not(:target),.bt01:disabled:hover:not(:target),.bt01:disabled:active:not(:target){ 
    680     filter: none; 
    681 }/* for IE9 gradient & border-radius */ 
    682686 
    683687.favorite_btn span.bt01,.favorite_btn span.bt01:hover,.favorite_btn span.bt01:active { 
    … …  
    721725filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0d209', endColorstr='#91ab10',GradientType=0 ); /* IE6-9 */ 
    722726} 
    723 .bt02:not(:target){ 
    724     filter: none; 
    725 }/* for IE9 gradient & border-radius */ 
    726727 
    727728.bt02:hover { 
    … …  
    742743filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91ab10', endColorstr='#7B9210',GradientType=0 ); /* IE6-9 */ 
    743744} 
    744 .bt02:active:not(:target){ 
    745     filter: none; 
    746 }/* for IE9 gradient & border-radius */ 
    747745 
    748746 
    … …  
    764762filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9748', endColorstr='#de4402',GradientType=0 ); /* IE6-9 */ 
    765763} 
    766 .bt03:not(:target){ 
    767     filter: none; 
    768 }/* for IE9 gradient & border-radius */ 
    769764 
    770765 
    … …  
    786781filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de4402', endColorstr='#dd4200',GradientType=0 ); /* IE6-9 */ 
    787782} 
    788 .bt03:active:not(:target){ 
    789     filter: none; 
    790 }/* for IE9 gradient & border-radius */ 
    791783 
    792784 
    … …  
    808800filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a9a9', endColorstr='#767676',GradientType=0 ); /* IE6-9 */ 
    809801} 
    810 .bt04:not(:target){ 
    811     filter: none; 
    812 }/* for IE9 gradient & border-radius */ 
    813802 
    814803.bt04:hover { 
    … …  
    829818filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a9a9', endColorstr='#707070',GradientType=0 ); /* IE6-9 */ 
    830819} 
    831 .bt04:active:not(:target){ 
    832     filter: none; 
    833 }/* for IE9 gradient & border-radius */ 
    834  

  • branches/version-2_12-multilang/html/user_data/packages/default_en/css/contents.css

    r22176 r22182  
    549549    padding: 6px 0 8px 10px; 
    550550    border-top: solid 1px #f90; 
    551     background: url('../img/background/bg_tit_sub_01.jpg') repeat-x left bottom; 
     551    border-bottom: 1px solid #ccc; 
     552    box-shadow: 0 0 1px 1px #fff inset; 
     553background: #fef3d8; /* Old browsers */ 
     554background: -moz-linear-gradient(top,  #fef3d8 0%, #f7df7f 100%); /* FF3.6+ */ 
     555background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef3d8), color-stop(100%,#f7df7f)); /* Chrome,Safari4+ */ 
     556background: -webkit-linear-gradient(top,  #fef3d8 0%,#f7df7f 100%); /* Chrome10+,Safari5.1+ */ 
     557background: -o-linear-gradient(top,  #fef3d8 0%,#f7df7f 100%); /* Opera 11.10+ */ 
     558background: -ms-linear-gradient(top,  #fef3d8 0%,#f7df7f 100%); /* IE10+ */ 
     559background: linear-gradient(to bottom,  #fef3d8 0%,#f7df7f 100%); /* W3C */ 
     560filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef3d8', endColorstr='#f7df7f',GradientType=0 ); /* IE6-9 */ 
    552561} 
    553562 
    … …  
    595604div#whobought_area h2 { 
    596605    border-top: solid 1px #f90; 
    597     background: url('../img/background/bg_tit_sub_01.jpg') repeat-x left bottom; 
    598606    padding: 5px 0 8px 10px; 
    599607    font-size: 14px; 
     608    border-bottom: 1px solid #ccc; 
     609    box-shadow: 0 0 1px 1px #fff inset; 
     610background: #fef3d8; /* Old browsers */ 
     611background: -moz-linear-gradient(top,  #fef3d8 0%, #f7df7f 100%); /* FF3.6+ */ 
     612background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef3d8), color-stop(100%,#f7df7f)); /* Chrome,Safari4+ */ 
     613background: -webkit-linear-gradient(top,  #fef3d8 0%,#f7df7f 100%); /* Chrome10+,Safari5.1+ */ 
     614background: -o-linear-gradient(top,  #fef3d8 0%,#f7df7f 100%); /* Opera 11.10+ */ 
     615background: -ms-linear-gradient(top,  #fef3d8 0%,#f7df7f 100%); /* IE10+ */ 
     616background: linear-gradient(to bottom,  #fef3d8 0%,#f7df7f 100%); /* W3C */ 
     617filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef3d8', endColorstr='#f7df7f',GradientType=0 ); /* IE6-9 */ 
    600618} 
    601619 

  • branches/version-2_12-multilang/html/user_data/packages/default_en/css/popup.css

    r22157 r22182  
    1919    border-top: solid 1px #ebeced; 
    2020    color: #f60; 
    21     background: url("../img/background/bg_tit_sub_01.jpg") repeat-x left bottom; 
    2221    background-color: #fef3d8; 
    2322    font-size: 170%; 
     23    border-bottom: 1px solid #ccc; 
     24    box-shadow: 0 0 1px 1px #fff inset; 
     25background: #fef3d8; /* Old browsers */ 
     26background: -moz-linear-gradient(top,  #fef3d8 0%, #f7df7f 100%); /* FF3.6+ */ 
     27background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef3d8), color-stop(100%,#f7df7f)); /* Chrome,Safari4+ */ 
     28background: -webkit-linear-gradient(top,  #fef3d8 0%,#f7df7f 100%); /* Chrome10+,Safari5.1+ */ 
     29background: -o-linear-gradient(top,  #fef3d8 0%,#f7df7f 100%); /* Opera 11.10+ */ 
     30background: -ms-linear-gradient(top,  #fef3d8 0%,#f7df7f 100%); /* IE10+ */ 
     31background: linear-gradient(to bottom,  #fef3d8 0%,#f7df7f 100%); /* W3C */ 
     32filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef3d8', endColorstr='#f7df7f',GradientType=0 ); /* IE6-9 */ 
    2433} 
    2534 
Note: See TracChangeset for help on using the changeset viewer.