[Svn-src-all:2718] [version-2_12-dev 21617] #1613 (typo修正・ソース整形・ソースコメントの改善)
Seasoft
admin ＠ mail.ec-cube.net
2012年 3月 8日 (木) 04:55:00 JST
Subversion committed to /home/svn/open 21617
http://svn.ec-cube.net/open_trac/changeset/21617
┌────────────────────────────┐
│更新者 : Seasoft │
│更新日時: 2012-03-08 04:55:00 +0900 (木, 08 3月 2012)│
└────────────────────────────┘
Log:
--------------------------------------------------------
#1613 (typo修正・ソース整形・ソースコメントの改善)
Changed: [U:修正，A:追加，D:削除]
--------------------------------------------------------
U branches/version-2_12-dev/html/user_data/packages/admin/css/admin_contents.css
U branches/version-2_12-dev/html/user_data/packages/admin/css/thickbox.css
U branches/version-2_12-dev/html/user_data/packages/default/css/common.css
U branches/version-2_12-dev/html/user_data/packages/sphone/css/block.css
U branches/version-2_12-dev/html/user_data/packages/sphone/css/button.css
U branches/version-2_12-dev/html/user_data/packages/sphone/css/common.css
U branches/version-2_12-dev/html/user_data/packages/sphone/css/contents.css
U branches/version-2_12-dev/html/user_data/packages/sphone/css/jqm.css
U branches/version-2_12-dev/html/user_data/packages/sphone/css/mypage.css
U branches/version-2_12-dev/html/user_data/packages/sphone/css/popup.css
U branches/version-2_12-dev/html/user_data/packages/sphone/css/products.css
U branches/version-2_12-dev/html/user_data/packages/sphone/css/set.css
変更: branches/version-2_12-dev/html/user_data/packages/admin/css/admin_contents.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/admin/css/admin_contents.css 2012-03-07 19:17:59 UTC (rev 21616)
+++ branches/version-2_12-dev/html/user_data/packages/admin/css/admin_contents.css 2012-03-07 19:55:00 UTC (rev 21617)
@@ -778,7 +778,7 @@
.pager li a:hover, .pager li.on a:hover {
background: #f8f8f8;
- border: 1px solid #ccc;
+ border: 1px solid #ccc;
}
@@ -1121,7 +1121,7 @@
white-space: nowrap;
}
#products .class-product-type label {
- white-space: normal;
+ white-space: normal;
}
#products .list-info {
padding-top: 10px;
@@ -1247,131 +1247,160 @@
/*FORM*/
.box3 {
width: 33px;
-}/*W3*/
+}
+/*W3*/
.box6 {
width: 54px;
-}/*W6*/
+}
+/*W6*/
.box10 {
width: 82px;
-}/*W10*/
+}
+/*W10*/
.box20 {
width: 152px;
-}/*W20*/
+}
+/*W20*/
.box25 {
width: 187px;
-}/*W25*/
+}
+/*W25*/
.box30 {
width: 222px;
-}/*W30*/
+}
+/*W30*/
.box33 {
width: 243px;
-}/*W33*/
+}
+/*W33*/
.box35 {
width: 257px;
-}/*W35*/
+}
+/*W35*/
.box40 {
width: 276px;
-}/*W40*/
+}
+/*W40*/
.box45 {
width: 341px;
-}/*W45*/
+}
+/*W45*/
.box50 {
width: 362px;
-}/*W50*/
+}
+/*W50*/
.box52 {
width: 376px;
-}/*W52*/
+}
+/*W52*/
.box54 {
width: 390px;
-}/*W54*/
+}
+/*W54*/
.box60 {
width: 432px;
-}/*W60*/
+}
+/*W60*/
.box65 {
width: 467px;
-}/*W65*/
+}
+/*W65*/
.box68 {
width: 488px;
-}/*W68*/
+}
+/*W68*/
.box76 {
width: 544px;
-}/*W76*/
+}
+/*W76*/
.area40 {
width: 302px;
height: 134px;
-}/*W40×H8*/
+}
+/*W40×H8*/
.area45 {
width: 337px;
height: 290px;
-}/*W40×H20*/
+}
+/*W40×H20*/
.area46 {
width: 337px;
height: 134px;
-}/*W40×H8*/
+}
+/*W40×H8*/
.area50 {
width: 372px;
height: 82px;
-}/*W50?H4*/
+}
+/*W50?H4*/
.area55 {
width: 407px;
height: 82px;
-}/*W50?H4*/
+}
+/*W50?H4*/
.area59 {
width: 432px;
height: 134px;
-}/*W59×H8*/
+}
+/*W59×H8*/
.area60 {
width: 433px;
height: 134px;
-}/*W60?H8*/
+}
+/*W60?H8*/
.area61 {
width: 433px;
height: 82px;
-}/*W60?H4*/
+}
+/*W60?H4*/
.area65 {
width: 444px;
height: 290px;
-}/*W65×H20*/
+}
+/*W65×H20*/
.area70 {
width: 512px;
height: 186px;
-}/*W70?H12*/
+}
+/*W70?H12*/
.area75 {
width: 547px;
height: 186px;
-}/*W75?H12*/
+}
+/*W75?H12*/
.area80 {
width: 572px;
height: 134px;
-}/*W80×H8*/
+}
+/*W80×H8*/
.area90 {
width: 650px;
@@ -1381,17 +1410,20 @@
.area96 {
width: 694px;
height: 420px;
-}/*W80×H30*/
+}
+/*W80×H30*/
.area96_2 {
width: 694px;
height: 160px;
-}/*W80×H10*/
+}
+/*W80×H10*/
.area99 {
width: 715px;
height: 523px;
-}/*W99?H40*/
+}
+/*W99?H40*/
/*COLOR*/
.red {
@@ -1425,7 +1457,7 @@
,.authority_1 #navi-design-add
,.authority_1 #navi-system
,.authority_1 #navi-ownersstore {
-/* display: none; --- IE で不具合 */
+ /* display: none; --- IE で不具合 */
border: none;
width: 0;
height: 0;
@@ -1440,14 +1472,16 @@
}
-.dragHandle { /* ハンドルの設定 */
+/* ハンドルの設定 */
+.dragHandle {
font-weight: bold;
text-align: center;
cursor: n-resize;
}
-.activeHandle { /* アクティブハンドルの設定 */
+/* アクティブハンドルの設定 */
+.activeHandle {
color: #f9a406;
}
変更: branches/version-2_12-dev/html/user_data/packages/admin/css/thickbox.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/admin/css/thickbox.css 2012-03-07 19:17:59 UTC (rev 21616)
+++ branches/version-2_12-dev/html/user_data/packages/admin/css/thickbox.css 2012-03-07 19:55:00 UTC (rev 21617)
@@ -11,11 +11,21 @@
color: #666666;
}
-#TB_window a:link {color: #666666;}
-#TB_window a:visited {color: #666666;}
-#TB_window a:hover {color: #000;}
-#TB_window a:active {color: #666666;}
-#TB_window a:focus{color: #666666;}
+#TB_window a:link {
+ color: #666666;
+}
+#TB_window a:visited {
+ color: #666666;
+}
+#TB_window a:hover {
+ color: #000;
+}
+#TB_window a:active {
+ color: #666666;
+}
+#TB_window a:focus {
+ color: #666666;
+}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
@@ -29,7 +39,9 @@
width: 100%;
}
-.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
+.TB_overlayMacFFBGHack {
+ background: url(macFFBgHack.png) repeat;
+}
.TB_overlayBG {
background-color: #000;
filter: alpha(opacity=75);
@@ -37,9 +49,10 @@
opacity: 0.75;
}
-* html #TB_overlay { /* ie6 hack */
- position: absolute;
- height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
+/* ie6 hack */
+* html #TB_overlay {
+ position: absolute;
+ height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
@@ -54,9 +67,10 @@
left: 50%;
}
-* html #TB_window { /* ie6 hack */
-position: absolute;
-margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
+/* ie6 hack */
+* html #TB_window {
+ position: absolute;
+ margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
@@ -125,9 +139,10 @@
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
-* html #TB_load { /* ie6 hack */
-position: absolute;
-margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
+/* ie6 hack */
+* html #TB_load {
+ position: absolute;
+ margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect {
@@ -144,9 +159,10 @@
width: 100%;
}
-* html #TB_HideSelect { /* ie6 hack */
- position: absolute;
- height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
+/* ie6 hack */
+* html #TB_HideSelect {
+ position: absolute;
+ height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent {
変更: branches/version-2_12-dev/html/user_data/packages/default/css/common.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/default/css/common.css 2012-03-07 19:17:59 UTC (rev 21616)
+++ branches/version-2_12-dev/html/user_data/packages/default/css/common.css 2012-03-07 19:55:00 UTC (rev 21617)
@@ -419,16 +419,39 @@
/* Tipsy
----------------------------------------------- */
-.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
- .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
- .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
- .tipsy-arrow { position: absolute; background: url('../img/ajax/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
- .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
- .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
- .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
- .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
- .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
- .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
- .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
- .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
-
+.tipsy {
+ padding: 5px; font-size: 10px; position: absolute; z-index: 100000;
+}
+.tipsy-inner {
+ padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center;
+}
+.tipsy-inner {
+ border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px;
+}
+.tipsy-arrow {
+ position: absolute; background: url('../img/ajax/tipsy.gif') no-repeat top left; width: 9px; height: 5px;
+}
+.tipsy-n .tipsy-arrow {
+ top: 0; left: 50%; margin-left: -4px;
+}
+.tipsy-nw .tipsy-arrow {
+ top: 0; left: 10px;
+}
+.tipsy-ne .tipsy-arrow {
+ top: 0; right: 10px;
+}
+.tipsy-s .tipsy-arrow {
+ bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left;
+}
+.tipsy-sw .tipsy-arrow {
+ bottom: 0; left: 10px; background-position: bottom left;
+}
+.tipsy-se .tipsy-arrow {
+ bottom: 0; right: 10px; background-position: bottom left;
+}
+.tipsy-e .tipsy-arrow {
+ top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right;
+}
+.tipsy-w .tipsy-arrow {
+ top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px;
+}
変更: branches/version-2_12-dev/html/user_data/packages/sphone/css/block.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/sphone/css/block.css 2012-03-07 19:17:59 UTC (rev 21616)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/block.css 2012-03-07 19:55:00 UTC (rev 21617)
@@ -8,351 +8,351 @@
ブロック共通
----------------------------------------------- */
.title_block {
-color: #FFF;
-font-size: 16px;
-font-weight: bold;
-text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
-line-height: 20px;
-margin: 0;
-padding: 5px 10px 3px 10px;
-background-color: #787E8A;
-background: -moz-linear-gradient(center top, #787E8A 0%,#CBCDD0 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #787E8A),color-stop(1, #CBCDD0));
-border-top: #E1DCDA solid 1px;
-border-bottom: #B5B5B5 solid 2px;
--webkit-box-shadow: 0 1px #FFF;
--moz-box-shadow: 0 1px #FFF;
-text-align: left;
-vertical-align: middle;
-text-overflow: ellipsis;
-clear: both;
+ color: #FFF;
+ font-size: 16px;
+ font-weight: bold;
+ text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
+ line-height: 20px;
+ margin: 0;
+ padding: 5px 10px 3px 10px;
+ background-color: #787E8A;
+ background: -moz-linear-gradient(center top, #787E8A 0%,#CBCDD0 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #787E8A),color-stop(1, #CBCDD0));
+ border-top: #E1DCDA solid 1px;
+ border-bottom: #B5B5B5 solid 2px;
+ -webkit-box-shadow: 0 1px #FFF;
+ -moz-box-shadow: 0 1px #FFF;
+ text-align: left;
+ vertical-align: middle;
+ text-overflow: ellipsis;
+ clear: both;
}
/*-----------------------------------------------
オススメ商品
----------------------------------------------- */
#recommend_area {
-margin: 15px 10px 20px 10px;
-padding-top: 10px;
-border: #CCC solid 1px;
-border-radius: 8px;
--webkit-border-radius: 8px;
--moz-border-radius: 8px;
+ margin: 15px 10px 20px 10px;
+ padding-top: 10px;
+ border: #CCC solid 1px;
+ border-radius: 8px;
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
}
#recommend_area h2 {
-font-size: 12px;
-margin-left: 10px;
+ font-size: 12px;
+ margin-left: 10px;
}
#recommend_area li {
-width: 290px;
+ width: 290px;
}
.recommendblock {
-width: 270px;
-padding: 5px 10px 5px 8px;
-margin: 0 auto;
-clear: both;
+ width: 270px;
+ padding: 5px 10px 5px 8px;
+ margin: 0 auto;
+ clear: both;
}
.recommendblock img {
-width: 80px;
-float: left;
+ width: 80px;
+ float: left;
}
.recommendblock .productContents {
-width: 68%;
-float: right;
-text-align: left;
+ width: 68%;
+ float: right;
+ text-align: left;
}
.recommendblock .productContents p {
-clear: both;
+ clear: both;
}
.recommendblock .productContents p.comment {
-width: 17em;
-height: 3.7em;
-overflow: hidden;
-white-space: nowrap;
-text-overflow: ellipsis;
--webkit-text-overflow: ellipsis;
-clear: both;
+ width: 17em;
+ height: 3.7em;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ -webkit-text-overflow: ellipsis;
+ clear: both;
}
.recommendblock .sale_price {
-clear: both;
-float: right;
-text-align: right;
+ clear: both;
+ float: right;
+ text-align: right;
}
#recommend_area div.moveWrap {
-width: 290px;
-height: auto;
-margin: 0 auto;
-position: relative;
-overflow: hidden;
--webkit-box-sizing: border-box;
+ width: 290px;
+ height: auto;
+ margin: 0 auto;
+ position: relative;
+ overflow: hidden;
+ -webkit-box-sizing: border-box;
}
#recommend_area ul.moveWrapBG {
-margin: 0;
-padding: 0;
-display: inline-block;
-position: relative;
-width: 100%;
-height: auto;
-visibility: hidden;
--webkit-box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ display: inline-block;
+ position: relative;
+ width: 100%;
+ height: auto;
+ visibility: hidden;
+ -webkit-box-sizing: border-box;
}
#recommend_area div.slideMask {
-margin: 0 auto;
-padding: 0;
-margin-right: 1px;
-position: absolute;
-top: 0;
-left: 0;
-border: 4px #FFF solid;
--webkit-box-sizing: border-box;
+ margin: 0 auto;
+ padding: 0;
+ margin-right: 1px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border: 4px #FFF solid;
+ -webkit-box-sizing: border-box;
}
#recommend_area div.moveWrap>ul.move {
-width: 10000px;
-margin: 0;
-padding: 0;
-position: relative;
-left: 0;
-top: 0;
-list-style: none;
--webkit-transition: all 0.6s ease-in-out;
--webkit-transform: translate3d(0,0,0);
-margin: 0;
-padding: 0;
-display: none;
+ width: 10000px;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ left: 0;
+ top: 0;
+ list-style: none;
+ -webkit-transition: all 0.6s ease-in-out;
+ -webkit-transform: translate3d(0,0,0);
+ margin: 0;
+ padding: 0;
+ display: none;
}
#recommend_area div.moveWrap>ul.move li.slideUnit {
-width: 290px!important;
-margin: 0;
-padding: 0;
-float: left;
-list-style: none;
-text-align: center;
--webkit-box-sizing: border-box;
+ width: 290px!important;
+ margin: 0;
+ padding: 0;
+ float: left;
+ list-style: none;
+ text-align: center;
+ -webkit-box-sizing: border-box;
}
#recommend_area li.slideUnit>div {
-padding: 4px;
-display: inline-block;
-vertical-align: middle;
-text-align: center;
--webkit-box-sizing: border-box;
+ padding: 4px;
+ display: inline-block;
+ vertical-align: middle;
+ text-align: center;
+ -webkit-box-sizing: border-box;
}
#recommend_area div.flickSlideBottom {
-width: 100%;
-margin-top: 5px;
-border-top: #DBDBDB solid 1px;
-background: -moz-linear-gradient(center top, #FFFFFF 0%,#DEE4EA 95%,#FFFFFF 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(0.95, #DEE4EA),color-stop(0, #FFFFFF));
-border-bottom-right-radius: 8px;
--webkit-border-bottom-right-radius: 8px;
--moz-border-bottom-right-radius: 8px;
-border-bottom-left-radius: 8px;
--webkit-border-bottom-left-radius: 8px;
-moz-border-bottom-left-radius: 8px;
+ width: 100%;
+ margin-top: 5px;
+ border-top: #DBDBDB solid 1px;
+ background: -moz-linear-gradient(center top, #FFFFFF 0%,#DEE4EA 95%,#FFFFFF 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(0.95, #DEE4EA),color-stop(0, #FFFFFF));
+ border-bottom-right-radius: 8px;
+ -webkit-border-bottom-right-radius: 8px;
+ -moz-border-bottom-right-radius: 8px;
+ border-bottom-left-radius: 8px;
+ -webkit-border-bottom-left-radius: 8px;
+ moz-border-bottom-left-radius: 8px;
}
#recommend_area div.flickSlideBottom div.bottomLeft,#recommend_area div.flickSlideBottom div.bottomRight {
-display: table-cell;
--webkit-box-sizing: border-box;
--webkit-box-shadow: rgba(0, 0, 0, 0.0976562) 0px 1px 3px, rgba(255, 255, 255, 1) 0px 0px 0px inset;
-vertical-align: middle;
-padding: 0 10px;
+ display: table-cell;
+ -webkit-box-sizing: border-box;
+ -webkit-box-shadow: rgba(0, 0, 0, 0.0976562) 0px 1px 3px, rgba(255, 255, 255, 1) 0px 0px 0px inset;
+ vertical-align: middle;
+ padding: 0 10px;
}
#recommend_area div.flickSlideBottom div.bottomRight {
-font-size: 16px;
-font-weight: bold;
-color: #7F7F7F;
-background-color: transparent;
-border-bottom-right-radius: 8px;
--webkit-border-bottom-right-radius: 8px;
--moz-border-bottom-right-radius: 8px;
-border-left: #DBDBDB solid 1px;
+ font-size: 16px;
+ font-weight: bold;
+ color: #7F7F7F;
+ background-color: transparent;
+ border-bottom-right-radius: 8px;
+ -webkit-border-bottom-right-radius: 8px;
+ -moz-border-bottom-right-radius: 8px;
+ border-left: #DBDBDB solid 1px;
}
#recommend_area div.flickSlideBottom div.bottomLeft {
-font-size: 16px;
-font-weight: bold;
-color: #7F7F7F;
-background-color: transparent;
-border-bottom-left-radius: 8px;
--webkit-border-bottom-left-radius: 8px;
--moz-border-bottom-left-radius: 8px;
-border-right: #DBDBDB solid 1px;
+ font-size: 16px;
+ font-weight: bold;
+ color: #7F7F7F;
+ background-color: transparent;
+ border-bottom-left-radius: 8px;
+ -webkit-border-bottom-left-radius: 8px;
+ -moz-border-bottom-left-radius: 8px;
+ border-right: #DBDBDB solid 1px;
}
#recommend_area div.flickSlideBottom div.bottomLeft:after {
-font-size: 10px;
-padding: 5px;
-text-align: left;
-display: table-cell;
+ font-size: 10px;
+ padding: 5px;
+ text-align: left;
+ display: table-cell;
}
#recommend_area div.flickSlideBottom div.bottomLeft:before {
-margin-top: 2px;
-padding: 5px;
-text-align: left;
-display: table-cell;
+ margin-top: 2px;
+ padding: 5px;
+ text-align: left;
+ display: table-cell;
}
#recommend_area div.flickSlideBottom div.bottomRight:before {
-font-size: 10px;
-padding: 5px;
-text-align: right;
-display: table-cell;
+ font-size: 10px;
+ padding: 5px;
+ text-align: right;
+ display: table-cell;
}
#recommend_area div.flickSlideBottom div.bottomRight:after {
-margin-top: 2px;
-padding: 5px;
-text-align: right;
-display: table-cell;
+ margin-top: 2px;
+ padding: 5px;
+ text-align: right;
+ display: table-cell;
}
#recommend_area div.flickSlideBottom ul.slidePager {
-width: 100%;
-margin: 0;
-padding: 0;
-display: table-cell;
-text-align: center;
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ display: table-cell;
+ text-align: center;
}
#recommend_area div.flickSlideBottom ul.slidePager li.slidePagerPointer {
-font-size: 10px;
-width: 6px;
-height: 6px;
-margin: 12px 6px 6px 6px;
-display: inline-block;
-background-color: #CCC;
-border-radius: 6px;
--webkit-border-radius: 6px;
--moz-border-radius: 6px;
+ font-size: 10px;
+ width: 6px;
+ height: 6px;
+ margin: 12px 6px 6px 6px;
+ display: inline-block;
+ background-color: #CCC;
+ border-radius: 6px;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
}
#recommend_area div.flickSlideBottom ul.slidePager li.slidePagerPointer.active {
-background-color: #333;
+ background-color: #333;
}
/*-----------------------------------------------
カテゴリリスト（アコーディオン）
----------------------------------------------- */
#category_area {
-margin-bottom: 20px;
+ margin-bottom: 20px;
}
#categorytree ul {
-margin: 10px 10px 0 10px;
-border: #A9ACAB solid 1px;
-border-radius: 8px;
--webkit-border-radius: 8px;
--moz-border-radius: 8px;
-background: #f4F6F8;
+ margin: 10px 10px 0 10px;
+ border: #A9ACAB solid 1px;
+ border-radius: 8px;
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
+ background: #f4F6F8;
}
#categorytree li {
-font-size: 16px;
-font-weight: bold;
--webkit-transition: opacity 0.3s ease-in;
--webkit-transition-delay: 0.2s;
-clear: both;
-border-bottom: #CCC solid 1px;
-border-top: #FFF solid 1px;
-line-height: 1.3em;
-vertical-align: middle;
+ font-size: 16px;
+ font-weight: bold;
+ -webkit-transition: opacity 0.3s ease-in;
+ -webkit-transition-delay: 0.2s;
+ clear: both;
+ border-bottom: #CCC solid 1px;
+ border-top: #FFF solid 1px;
+ line-height: 1.3em;
+ vertical-align: middle;
}
#categorytree li:first-child {
-border-top: none;
+ border-top: none;
}
#categorytree li li:first-child {
-border-top: #CCC solid 1px;
+ border-top: #CCC solid 1px;
}
#categorytree li:last-child,#categorytree li li:last-child {
-border-bottom: none;
+ border-bottom: none;
}
#categorytree ul li a, .categorytree > ul > li > ul > li a {
-padding: 0.6em 0;
+ padding: 0.6em 0;
}
.category_body {
-display: inline-block;
+ display: inline-block;
}
.category_body a {
-width: 100%;
-display: inline-block;
-white-space: nowrap;
-overflow: hidden;
-text-overflow: ellipsis;
-cursor: pointer;
+ width: 100%;
+ display: inline-block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ cursor: pointer;
}
#categorytree ul li li {
-padding-bottom: 0.6em;
+ padding-bottom: 0.6em;
}
.category_header {
-width: 1.5em;
-margin: 0 6px 0 8px;
-display: inline-block;
-background: transparent;
-text-align: right;
+ width: 1.5em;
+ margin: 0 6px 0 8px;
+ display: inline-block;
+ background: transparent;
+ text-align: right;
}
.category_header.plus, .category_header.minus {
-color: #FFF;
-margin: 0 6px 0 8px;
-padding-bottom: 4px;
-display: inline-block;
-text-align: center;
-line-height: 0.4;
-width: 1.5em;
-height: 1.3em;
--webkit-border-radius: 8px;
-background: #515866;
-background: -moz-linear-gradient(center top, #6D7481 0%,#515866 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(1, #515866));
--webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.7);
--webkit-border-radius: 3px;
+ color: #FFF;
+ margin: 0 6px 0 8px;
+ padding-bottom: 4px;
+ display: inline-block;
+ text-align: center;
+ line-height: 0.4;
+ width: 1.5em;
+ height: 1.3em;
+ -webkit-border-radius: 8px;
+ background: #515866;
+ background: -moz-linear-gradient(center top, #6D7481 0%,#515866 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(1, #515866));
+ -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.7);
+ -webkit-border-radius: 3px;
}
.category_header.plus > a, .category_header.minus > a {
-width: 1.5em;
-color: #FFF;
-display: inline-block;
-margin: 0;
-padding: 0;
-text-decoration: none;
+ width: 1.5em;
+ color: #FFF;
+ display: inline-block;
+ margin: 0;
+ padding: 0;
+ text-decoration: none;
}
/*レベル調整*/
#categorytree .level1 .category_header {
-width: 1.5em;
+ width: 1.5em;
}
#categorytree .level1 .category_body {
-width: 86.5%;
+ width: 86.5%;
}
#categorytree .level2 .category_header {
-width: 1.5em;
-margin-left: 2em;
+ width: 1.5em;
+ margin-left: 2em;
}
#categorytree .level2 .category_body {
-width: 79%;
+ width: 79%;
}
#categorytree .level3 .category_header {
-width: 1.5em;
-margin-left: 3.4em;
+ width: 1.5em;
+ margin-left: 3.4em;
}
#categorytree .level3 .category_body {
-width: 71.5%;
+ width: 71.5%;
}
#categorytree .level4 .category_header {
-width: 1.5em;
-margin-left: 4.8em;
+ width: 1.5em;
+ margin-left: 4.8em;
}
#categorytree .level4 .category_body {
-width: 64%;
+ width: 64%;
}
#categorytree .level5 .category_header {
-margin-left: 6.2em;
+ margin-left: 6.2em;
}
#categorytree .level5 .category_body {
-width: 56%;
+ width: 56%;
}
/*リンクカラー*/
.category_body a:link, .category_body a:visited {
-color: #000;
-text-decoration: none;
-cursor: pointer;
+ color: #000;
+ text-decoration: none;
+ cursor: pointer;
}
.category_header.plus a, .category_header.minus a {
-color: #FFF;
+ color: #FFF;
}
@@ -360,23 +360,23 @@
news
----------------------------------------------- */
#news_area {
-margin-bottom: 20px;
+ margin-bottom: 20px;
}
#news_area ul {
}
#news_area li {
-display: block;
-clear: both;
-padding: 10px;
-line-height: 1.3;
-background-color: #FEFEFE;
-background: -moz-linear-gradient(center top, #FEFEFE 0%,#EEEEEE 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #EEEEEE));
-border-top: #FFF solid 1px;
-border-bottom: #CCC solid 1px;
+ display: block;
+ clear: both;
+ padding: 10px;
+ line-height: 1.3;
+ background-color: #FEFEFE;
+ background: -moz-linear-gradient(center top, #FEFEFE 0%,#EEEEEE 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #EEEEEE));
+ border-top: #FFF solid 1px;
+ border-bottom: #CCC solid 1px;
}
#news_area .news_date {
-clear: both;
-font-size: 12px;
-letter-spacing: 0.1em;
+ clear: both;
+ font-size: 12px;
+ letter-spacing: 0.1em;
}
変更: branches/version-2_12-dev/html/user_data/packages/sphone/css/button.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/sphone/css/button.css 2012-03-07 19:17:59 UTC (rev 21616)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/button.css 2012-03-07 19:55:00 UTC (rev 21617)
@@ -7,312 +7,312 @@
=================================================================== */
.btn_area {
-padding: 10px;
-clear: both;
+ padding: 10px;
+ clear: both;
}
ul.btn_btm {
-clear: both;
+ clear: both;
}
.btn_area li,ul.btn_btm li {
-margin-bottom: 12px;
+ margin-bottom: 12px;
}
.btn_area_top {
-box-shadow: 0 1px 1px 1px rgba(255,255,255,1) inset;
--webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,1) inset;
--moz-box-shadow: 0 1px 1px rgba(255,255,255,1) inset;
-border-top: 1px solid #CCC;
-border-bottom: 1px solid #CCC;
-background: #EEE;
-display: block;
-clear: both;
-margin-bottom: 10px;
-padding: 10px 0;
+ box-shadow: 0 1px 1px 1px rgba(255,255,255,1) inset;
+ -webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,1) inset;
+ -moz-box-shadow: 0 1px 1px rgba(255,255,255,1) inset;
+ border-top: 1px solid #CCC;
+ border-bottom: 1px solid #CCC;
+ background: #EEE;
+ display: block;
+ clear: both;
+ margin-bottom: 10px;
+ padding: 10px 0;
}
/*-----------------------------------------------
ボタン（進む系ボタン:グリーン）
----------------------------------------------- */
a.btn,a.btn:link,a.btn:visited,a.btn:hover {
-color: #FFF;
-font-size: 16px;
-font-weight: bold;
-text-decoration: none;
-text-align: center;
-padding: 10px;
-text-shadow: 0 -1px 1px rgba(0,0,0,1);
-border: 1px solid #A9ABAD;
-border-radius: 5px;
--moz-border-radius: 5px;
--webkit-border-radius: 5px;
-display: block;
-background: #B4DF34;
-background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222));
-cursor: pointer;
--webkit-transition: opacity 0.5s ease-in;
--moz-transition: opacity 0.5s ease-in;
+ color: #FFF;
+ font-size: 16px;
+ font-weight: bold;
+ text-decoration: none;
+ text-align: center;
+ padding: 10px;
+ text-shadow: 0 -1px 1px rgba(0,0,0,1);
+ border: 1px solid #A9ABAD;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ display: block;
+ background: #B4DF34;
+ background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222));
+ cursor: pointer;
+ -webkit-transition: opacity 0.5s ease-in;
+ -moz-transition: opacity 0.5s ease-in;
}
input[type="submit"].btn {
-width: 100%;
-color: #FFF;
-font-size: 16px;
-font-weight: bold;
-text-decoration: none;
-text-align: center;
-padding: 10px;
-text-shadow: 0 -1px 1px rgba(0,0,0,1);
-border: 1px solid #A9ABAD;
-border-radius: 5px;
--moz-border-radius: 5px;
--webkit-border-radius: 5px;
-display: block;
-background: #B4DF34;
-background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222));
-cursor: pointer;
--webkit-transition: opacity 0.5s ease-in;
--moz-transition: opacity 0.5s ease-in;
+ width: 100%;
+ color: #FFF;
+ font-size: 16px;
+ font-weight: bold;
+ text-decoration: none;
+ text-align: center;
+ padding: 10px;
+ text-shadow: 0 -1px 1px rgba(0,0,0,1);
+ border: 1px solid #A9ABAD;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ display: block;
+ background: #B4DF34;
+ background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222));
+ cursor: pointer;
+ -webkit-transition: opacity 0.5s ease-in;
+ -moz-transition: opacity 0.5s ease-in;
}
/*-----------------------------------------------
ボタン（戻る系ボタン:グレー）
----------------------------------------------- */
a.btn_back,a.btn_back:link,a.btn_back:visited,a.btn_back:hover {
-color: #FFF;
-font-size: 16px;
-font-weight: bold;
-text-decoration: none;
-text-align: center;
-text-shadow: 0 -1px 1px rgba(0,0,0,1);
-border: 1px solid #A9ABAD;
-border-radius: 5px;
--moz-border-radius: 5px;
--webkit-border-radius: 5px;
-display: block;
-padding: 5px 0;
-background: #999999;
-background: -moz-linear-gradient(center top, #C5C5C5 0%,#999999 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C5C5C5),color-stop(1, #999999));
+ color: #FFF;
+ font-size: 16px;
+ font-weight: bold;
+ text-decoration: none;
+ text-align: center;
+ text-shadow: 0 -1px 1px rgba(0,0,0,1);
+ border: 1px solid #A9ABAD;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ display: block;
+ padding: 5px 0;
+ background: #999999;
+ background: -moz-linear-gradient(center top, #C5C5C5 0%,#999999 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C5C5C5),color-stop(1, #999999));
}
input[type="submit"].btn_back {
-color: #FFF;
-font-size: 16px;
-font-weight: bold;
-text-decoration: none;
-text-align: center;
-text-shadow: 0 -1px 1px rgba(0,0,0,1);
-border: 1px solid #A9ABAD;
-border-radius: 5px;
--moz-border-radius: 5px;
--webkit-border-radius: 5px;
-display: block;
-padding: 5px 0;
-background: #999999;
-background: -moz-linear-gradient(center top, #C5C5C5 0%,#999999 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C5C5C5),color-stop(1, #999999));
+ color: #FFF;
+ font-size: 16px;
+ font-weight: bold;
+ text-decoration: none;
+ text-align: center;
+ text-shadow: 0 -1px 1px rgba(0,0,0,1);
+ border: 1px solid #A9ABAD;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ display: block;
+ padding: 5px 0;
+ background: #999999;
+ background: -moz-linear-gradient(center top, #C5C5C5 0%,#999999 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C5C5C5),color-stop(1, #999999));
}
/*-----------------------------------------------
ボタン（サブ系ボタン:ライトグレー）
----------------------------------------------- */
.btn_sub,a.btn_sub,a.btn_sub:link,a.btn_sub:visited,a.btn_sub:hover {
-color: #000;
-font-size: 16px;
-padding: 5px 0;
-font-weight: bold;
-text-decoration: none;
-text-align: center;
-text-shadow: 0 -1px 1px rgba(255,255,255,1);
-border: 1px solid #A9ABAD;
-border-radius: 5px;
--moz-border-radius: 5px;
--webkit-border-radius: 5px;
-display: block;
-background: #FDFDfD;
-background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3));
+ color: #000;
+ font-size: 16px;
+ padding: 5px 0;
+ font-weight: bold;
+ text-decoration: none;
+ text-align: center;
+ text-shadow: 0 -1px 1px rgba(255,255,255,1);
+ border: 1px solid #A9ABAD;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ display: block;
+ background: #FDFDfD;
+ background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3));
}
input[type="submit"].btn_sub {
-color: #000;
-font-size: 16px;
-padding: 5px 0;
-font-weight: bold;
-text-decoration: none;
-text-align: center;
-text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
-border: 1px solid #A9ABAD;
-border-radius: 5px;
--moz-border-radius: 5px;
--webkit-border-radius: 5px;
-display: block;
-background: #FDFDfD;
-background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3));
+ color: #000;
+ font-size: 16px;
+ padding: 5px 0;
+ font-weight: bold;
+ text-decoration: none;
+ text-align: center;
+ text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
+ border: 1px solid #A9ABAD;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ display: block;
+ background: #FDFDfD;
+ background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3));
}
/*-----------------------------------------------
ボタン（追加系ボタン:ホワイト）
----------------------------------------------- */
a.btn_more,a.btn_more:link,a.btn_more:visited,a.btn_more:hover {
-color: #000;
-font-size: 16px;
-padding: 5px 0;
-font-weight: bold;
-text-decoration: none;
-text-align: center;
-border: 1px solid #A9ABAD;
-border-radius: 5px;
--moz-border-radius: 5px;
--webkit-border-radius: 5px;
-display: block;
-background: #FFF;
-clear: both;
-margin: 10px 0;
+ color: #000;
+ font-size: 16px;
+ padding: 5px 0;
+ font-weight: bold;
+ text-decoration: none;
+ text-align: center;
+ border: 1px solid #A9ABAD;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ display: block;
+ background: #FFF;
+ clear: both;
+ margin: 10px 0;
}
input[type="submit"].btn_more {
-color: #000;
-font-size: 16px;
-padding: 5px 0;
-font-weight: bold;
-text-decoration: none;
-text-align: center;
-border: 1px solid #A9ABAD;
-border-radius: 5px;
--moz-border-radius: 5px;
--webkit-border-radius: 5px;
-display: block;
-background: #FFF;
-clear: both;
+ color: #000;
+ font-size: 16px;
+ padding: 5px 0;
+ font-weight: bold;
+ text-decoration: none;
+ text-align: center;
+ border: 1px solid #A9ABAD;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ display: block;
+ background: #FFF;
+ clear: both;
}
/*-----------------------------------------------
ボタン（フッター）
----------------------------------------------- */
a.btn_btm {
-width: 150px;
-text-align: center;
-color: #FFF;
-background-color: #000;
-background: -moz-linear-gradient(center top, #5E5E5E 0%,#232323 48%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E),color-stop(0.48, #232323));
-border: #303030 solid 1px;
-text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
--moz-border-radius: 5px;
--webkit-border-radius: 5px;
-padding: 5px;
-margin: 10px auto;
-transition: background-color 1s ease-in;
--webkit-transition: background-color 1s ease-in;
--moz-transition: opacity 1s ease-int;
-cursor: pointer;
+ width: 150px;
+ text-align: center;
+ color: #FFF;
+ background-color: #000;
+ background: -moz-linear-gradient(center top, #5E5E5E 0%,#232323 48%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E),color-stop(0.48, #232323));
+ border: #303030 solid 1px;
+ text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ padding: 5px;
+ margin: 10px auto;
+ transition: background-color 1s ease-in;
+ -webkit-transition: background-color 1s ease-in;
+ -moz-transition: opacity 1s ease-int;
+ cursor: pointer;
}
.btn_btm,a.btn_btm:link,a.btn_btm:hover,a.btn_btm:visited {
-color: #FFF;
-text-decoration: none;
+ color: #FFF;
+ text-decoration: none;
}
input[type="submit"].btn_btm {
-width: 150px;
-text-align: center;
-color: #FFF;
-background-color: #000;
-background: -moz-linear-gradient(center top, #5E5E5E 0%,#232323 48%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E),color-stop(0.48, #232323));
-border: #303030 solid 1px;
-text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
--moz-border-radius: 5px;
--webkit-border-radius: 5px;
-padding: 5px;
-margin: 10px auto;
-transition: background-color 1s ease-in;
--webkit-transition: background-color 1s ease-in;
--moz-transition: opacity 1s ease-int;
-cursor: pointer;
+ width: 150px;
+ text-align: center;
+ color: #FFF;
+ background-color: #000;
+ background: -moz-linear-gradient(center top, #5E5E5E 0%,#232323 48%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E),color-stop(0.48, #232323));
+ border: #303030 solid 1px;
+ text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ padding: 5px;
+ margin: 10px auto;
+ transition: background-color 1s ease-in;
+ -webkit-transition: background-color 1s ease-in;
+ -moz-transition: opacity 1s ease-int;
+ cursor: pointer;
}
/*-----------------------------------------------
ボタン小（編集/削除）
----------------------------------------------- */
ul.edit {
-float: right;
-clear: right;
-display: inline;
-vertical-align: top;
-line-height: 1;
-position: absolute;
-right: 10px;
-top: 15px;
+ float: right;
+ clear: right;
+ display: inline;
+ vertical-align: top;
+ line-height: 1;
+ position: absolute;
+ right: 10px;
+ top: 15px;
}
ul.edit li {
-display: inline;
-float: left;
-line-height: 1;
-vertical-align: middle;
+ display: inline;
+ float: left;
+ line-height: 1;
+ vertical-align: middle;
}
ul.edit li:first-child {
-margin-right: 0.8em;
+ margin-right: 0.8em;
}
a.b_edit:link,a.b_edit:visited,a.b_edit:hover {
-color: #000;
-font-size: 11px;
-padding: 4px 5px;
-border: #CCC solid 1px;
-border-radius: 12px;
--moz-border-radius: 12px;
--webkit-border-radius: 12px;
-background: #D7DDE3;
-background: -moz-linear-gradient(center top, #FFFFFF 0%,#D7DDE3 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(1, #D7DDE3));
-display: inline;
-text-align: center;
-cursor: pointer;
-vertical-align: middle;
+ color: #000;
+ font-size: 11px;
+ padding: 4px 5px;
+ border: #CCC solid 1px;
+ border-radius: 12px;
+ -moz-border-radius: 12px;
+ -webkit-border-radius: 12px;
+ background: #D7DDE3;
+ background: -moz-linear-gradient(center top, #FFFFFF 0%,#D7DDE3 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(1, #D7DDE3));
+ display: inline;
+ text-align: center;
+ cursor: pointer;
+ vertical-align: middle;
}
a.b_delete:link,a.b_delete:visited,a.b_delete:hover {
-vertical-align: top;
-cursor: pointer;
+ vertical-align: top;
+ cursor: pointer;
}
/*-----------------------------------------------
ボタン（商品詳細:カゴに入れる）
----------------------------------------------- */
.cartbtn_default {
-width: 50%!important;
-font-size: 15px;
-padding: 10px 0;
-background: #669222;
-background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222));
+ width: 50%!important;
+ font-size: 15px;
+ padding: 10px 0;
+ background: #669222;
+ background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222));
}
/*-----------------------------------------------
ボタン（商品詳細:お気に入り)
----------------------------------------------- */
.btn_favorite .btn_sub {
-width: auto;
-display: block;
+ width: auto;
+ display: block;
}
.btn_favorite p {
-text-align: center;
+ text-align: center;
}
/*-----------------------------------------------
ボタン（新しいお届け先を追加する)
----------------------------------------------- */
.addbtn {
-margin: 0 30px;
-padding: 5px 0;
+ margin: 0 30px;
+ padding: 5px 0;
}
/*-----------------------------------------------
ボタン（トップページへ)
----------------------------------------------- */
.btn_s {
-width: 12em;
-padding: 10px 0!important;
-margin: 10px auto;
-clear: both;
+ width: 12em;
+ padding: 10px 0!important;
+ margin: 10px auto;
+ clear: both;
}
/*-----------------------------------------------
ボタン（住所自動入力)
----------------------------------------------- */
.btn_inputzip {
-margin: 12px 0 5px 0;
+ margin: 12px 0 5px 0;
}
/*-----------------------------------------------
ボタン（ログイン/ウィンドウ)
----------------------------------------------- */
.btn_login, .btn_close {
-width: 70%;
-margin: 10px auto;
+ width: 70%;
+ margin: 10px auto;
}
変更: branches/version-2_12-dev/html/user_data/packages/sphone/css/common.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/sphone/css/common.css 2012-03-07 19:17:59 UTC (rev 21616)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/common.css 2012-03-07 19:55:00 UTC (rev 21617)
@@ -8,153 +8,153 @@
body
----------------------------------------------- */
body {
-background: #FFF;
-font-family: Helvetica, san-serif;
-line-height: 1.5;
-font-size: 14px;
-margin: 0;
-padding: 0;
--webkit-user-select: none;
--webkit-text-size-adjust: none;
--webkit-touch-callout: none;
--webkit-tap-highlight-color: rgba(0,0,0,0.50);
+ background: #FFF;
+ font-family: Helvetica, san-serif;
+ line-height: 1.5;
+ font-size: 14px;
+ margin: 0;
+ padding: 0;
+ -webkit-user-select: none;
+ -webkit-text-size-adjust: none;
+ -webkit-touch-callout: none;
+ -webkit-tap-highlight-color: rgba(0,0,0,0.50);
}
/*-----------------------------------------------
リンク指定
----------------------------------------------- */
a:link {
-color: #4265AE;
-text-decoration: none;
+ color: #4265AE;
+ text-decoration: none;
}
a:visited {
-color: #603E7D;
-text-decoration: none;
+ color: #603E7D;
+ text-decoration: none;
}
a:hover {
-text-decoration: none;
-cursor: pointer;
+ text-decoration: none;
+ cursor: pointer;
}
/*右矢印リンクテキスト*/
.arrowRtxt {
-display: inline;
-clear: both;
-margin: 5px auto;
-padding-right: 15px;
-background: url(../img/common/ico_arrowR.png) right center no-repeat;
+ display: inline;
+ clear: both;
+ margin: 5px auto;
+ padding-right: 15px;
+ background: url(../img/common/ico_arrowR.png) right center no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
-.arrowRtxt {
-background: url(../img/common/ico_arrowR2.png) right center no-repeat;
--webkit-background-size: 10px 15px;
-background-size: 10px 15px;
+ .arrowRtxt {
+ background: url(../img/common/ico_arrowR2.png) right center no-repeat;
+ -webkit-background-size: 10px 15px;
+ background-size: 10px 15px;
+ }
}
-}
div,li,p {
-webkit-tap-highlight-color: rgba(0,0,0,0.50);}
/*-----------------------------------------------
clearfix
----------------------------------------------- */
.clearfix:after {
-content: ".";
-display: block;
-clear: both;
-height: 0;
-visibility: hidden;
+ content: ".";
+ display: block;
+ clear: both;
+ height: 0;
+ visibility: hidden;
}
ul:after {
-content: ".";
-display: block;
-clear: both;
-height: 0;
-visibility: hidden;
+ content: ".";
+ display: block;
+ clear: both;
+ height: 0;
+ visibility: hidden;
}
dl:after {
-content: ".";
-display: block;
-clear: both;
-height: 0;
-visibility: hidden;
+ content: ".";
+ display: block;
+ clear: both;
+ height: 0;
+ visibility: hidden;
}
/*-----------------------------------------------
汎用
----------------------------------------------- */
.photoL {
-float: left;
-clear: left;
+ float: left;
+ clear: left;
}
.photoR {
-float: right;
-clear: right;
+ float: right;
+ clear: right;
}
.clear {
-clear: both;
+ clear: both;
}
.inner {
-padding: 10px;
+ padding: 10px;
}
.intro {
-padding: 5px 10px 10px;
-font-weight: bold;
+ padding: 5px 10px 10px;
+ font-weight: bold;
}
.intro p {
-line-height: 1.3;
+ line-height: 1.3;
}
.hidden {
-display: none;
+ display: none;
}
.end {
-border-bottom: none!important;
+ border-bottom: none!important;
}
.top {
-margin-bottom: 8px!important;
+ margin-bottom: 8px!important;
}
.bg_head {
-background: #EEE;
+ background: #EEE;
}
.pb {
-padding-bottom: 0!important;
+ padding-bottom: 0!important;
}
/*-----------------------------------------------
font
----------------------------------------------- */
h2 {
-font-size: 20px;
+ font-size: 20px;
}
h3,h4,h5 {
-font-size: 100%;
-font-weight: bold;
+ font-size: 100%;
+ font-weight: bold;
}
em {
-font-weight: bold;
+ font-weight: bold;
}
.attention {
color: #CC0000; }
.mini {
-font-size: 11px;
+ font-size: 11px;
font-weight:normal; }
.fb {
-font-size: 15px;
-font-weight: bold;
+ font-size: 15px;
+ font-weight: bold;
}
.fn {
-font-weight: normal;
+ font-weight: normal;
}
.price {
-color: #CC0000;
-font-weight: bold;
+ color: #CC0000;
+ font-weight: bold;
}
.attentionSt {
-color: #CC0000;
-font-weight: bold;
+ color: #CC0000;
+ font-weight: bold;
}
/*-------------------------------------------------
レイアウト
----------------------------------------------- */
.frame_outer {
-overflow: hidden;
-width: 100%;
-background: #FFF;
+ overflow: hidden;
+ width: 100%;
+ background: #FFF;
}
#main-content {
}
@@ -162,189 +162,189 @@
タイトル
----------------------------------------------- */
h2.title {
-color: #FFF;
-font-size: 20px;
-font-weight: bold;
-line-height: 45px;
-text-align: center;
-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
-margin: 0 0 15px 0;
-padding: 0 10px;
-background: #494E57;
-background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494e57 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #6D7481),color-stop(0.8, #505765),color-stop(1, #494e57));
-border-top: #868D99 1px solid;
-border-bottom: #C6C2C8 1px solid;
--webkit-box-shadow: 1px 5px 5px #CCC;
--moz-box-shadow: 1px 5px 5px #CCC;
-vertical-align: middle;
-white-space: nowrap;
-overflow: hidden;
-text-overflow: ellipsis;
-clear: both;
+ color: #FFF;
+ font-size: 20px;
+ font-weight: bold;
+ line-height: 45px;
+ text-align: center;
+ text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
+ margin: 0 0 15px 0;
+ padding: 0 10px;
+ background: #494E57;
+ background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494e57 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #6D7481),color-stop(0.8, #505765),color-stop(1, #494e57));
+ border-top: #868D99 1px solid;
+ border-bottom: #C6C2C8 1px solid;
+ -webkit-box-shadow: 1px 5px 5px #CCC;
+ -moz-box-shadow: 1px 5px 5px #CCC;
+ vertical-align: middle;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ clear: both;
}
/*ボタンで展開するタイトルバー*/
.title_box {
-color: #FFF;
-text-shadow: 0px -1px 1px rgba(0,0,0,0.3);
-line-height: 45px;
-padding: 0 10px;
-margin: 0 0 15px 0;
-background: #494e57;
-background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494e57 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #6D7481),color-stop(0.8, #505765),color-stop(1, #494e57));
-border-top: #74828B solid 1px;
-border-bottom: #74828B solid 1px;
-vertical-align: middle;
-clear: both;
+ color: #FFF;
+ text-shadow: 0px -1px 1px rgba(0,0,0,0.3);
+ line-height: 45px;
+ padding: 0 10px;
+ margin: 0 0 15px 0;
+ background: #494e57;
+ background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494e57 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #6D7481),color-stop(0.8, #505765),color-stop(1, #494e57));
+ border-top: #74828B solid 1px;
+ border-bottom: #74828B solid 1px;
+ vertical-align: middle;
+ clear: both;
}
.title_box h2 {
-font-size: 20px;
-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
-width: 85%;
-float: left;
-clear: left;
-white-space: nowrap;
-overflow: hidden;
-text-overflow: ellipsis;
-line-height: 45px;
-vertical-align: middle;
+ font-size: 20px;
+ text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
+ width: 85%;
+ float: left;
+ clear: left;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ line-height: 45px;
+ vertical-align: middle;
}
.title_box h3 {
-width: 85%;
-float: left;
-clear: left;
-font-size: 18px;
-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
-white-space: nowrap;
-overflow: hidden;
-text-overflow: ellipsis;
-line-height: 30px;
-vertical-align: middle;
+ width: 85%;
+ float: left;
+ clear: left;
+ font-size: 18px;
+ text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ line-height: 30px;
+ vertical-align: middle;
}
/*サブタイトル*/
h3.subtitle {
-font-size: 18px;
-color: #FFF;
-line-height: 30px;
-text-shadow: 0px -1px 1px rgba(0,0,0,0.3);
-padding: 0 10px;
-margin: 0 0 10px 0;
-background: #84949F;
-background: -moz-linear-gradient(center top, #96A4AF 0%,#84949F 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96A4AF),color-stop(1, #84949F));
-border-top: #74828B solid 1px;
-border-bottom: #74828B solid 1px;vertical-align: middle;
-white-space: nowrap;
-overflow: hidden;
-text-overflow: ellipsis;
-clear: both;
--webkit-box-shadow: 1px 0px 1px #FFF;
--moz-box-shadow: 1px 0px 1px #FFF;
-position: relative;
+ font-size: 18px;
+ color: #FFF;
+ line-height: 30px;
+ text-shadow: 0px -1px 1px rgba(0,0,0,0.3);
+ padding: 0 10px;
+ margin: 0 0 10px 0;
+ background: #84949F;
+ background: -moz-linear-gradient(center top, #96A4AF 0%,#84949F 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96A4AF),color-stop(1, #84949F));
+ border-top: #74828B solid 1px;
+ border-bottom: #74828B solid 1px;vertical-align: middle;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ clear: both;
+ -webkit-box-shadow: 1px 0px 1px #FFF;
+ -moz-box-shadow: 1px 0px 1px #FFF;
+ position: relative;
}
/*ボタンで展開するサブタイトルバー*/
.title_box_sub {
-color: #FFF;
-line-height: 30px;
-padding: 0 10px;
-margin: 0 0 20px 0;
-background: #84949F;
-background: -moz-linear-gradient(center top, #96A4AF 0%,#84949F 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96A4AF),color-stop(1, #84949F));
-border-top: #74828B solid 1px;
-border-bottom: #74828B solid 1px;
-vertical-align: middle;
-clear: both;
-position: relative;
+ color: #FFF;
+ line-height: 30px;
+ padding: 0 10px;
+ margin: 0 0 20px 0;
+ background: #84949F;
+ background: -moz-linear-gradient(center top, #96A4AF 0%,#84949F 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96A4AF),color-stop(1, #84949F));
+ border-top: #74828B solid 1px;
+ border-bottom: #74828B solid 1px;
+ vertical-align: middle;
+ clear: both;
+ position: relative;
}
.title_box_sub h2, .title_box_sub h3 {
-font-size: 18px;
-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
-width: 85%;
-float: left;
-clear: left;
-white-space: nowrap;
-overflow: hidden;
-text-overflow: ellipsis;
-line-height: 30px;
-vertical-align: middle;
+ font-size: 18px;
+ text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
+ width: 85%;
+ float: left;
+ clear: left;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ line-height: 30px;
+ vertical-align: middle;
}
.title_box_sub .b_expand {
-width: 22px;
-height: 21px;
-float: right;
-clear: right;
-position: absolute;
-top: -6px;
-right: 15px;
-z-index: 2;
-padding: 2px;
+ width: 22px;
+ height: 21px;
+ float: right;
+ clear: right;
+ position: absolute;
+ top: -6px;
+ right: 15px;
+ z-index: 2;
+ padding: 2px;
}
/*----------------------------------------------------
input/select
----------------------------------------------------*/
input {
-margin: 0;
-padding: 5px;
--webkit-box-shadow: none;
--moz-box-shadow: none;
+ margin: 0;
+ padding: 5px;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
}
input[type="text"] {
-margin: 5px 0;
+ margin: 5px 0;
}
input[type="number"] {
-padding: 5px 0;
-text-indent: 0;
+ padding: 5px 0;
+ text-indent: 0;
}
input[type="number"]:first-child {
-margin-right: -2px;
+ margin-right: -2px;
}
input[type="radio"],input[type="check"] {
-padding: 5px;
-line-height: 1.5;
-margin-right: 0.5em;
+ padding: 5px;
+ line-height: 1.5;
+ margin-right: 0.5em;
}
.text, .textarea, .dropdown {
-padding: 0.5em;
-margin: 0;
-border: #4C4C4C solid 1px;
-background: #FFF;
-border-radius: 5px;
--webkit-border-radius: 5px;
--moz-border-radius: 5px;
+ padding: 0.5em;
+ margin: 0;
+ border: #4C4C4C solid 1px;
+ background: #FFF;
+ border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
}
.textarea {
-width: 97%;
-padding: 0.5em;
-margin: 0 0 10px 0;
+ width: 97%;
+ padding: 0.5em;
+ margin: 0 0 10px 0;
}
.cartin_quantity, .box_point {
-width: 2.5em;
+ width: 2.5em;
}
.boxLong {
-width: 95%;
+ width: 95%;
}
.boxMedium {
-width: 35%;
+ width: 35%;
}
.boxShort {
-width: 22%;
+ width: 22%;
}
.boxHarf {
-width: 42%;
+ width: 42%;
}
select.boxLong {
-width: 100%;
+ width: 100%;
}
select.boxMedium {
-width: 40%;
+ width: 40%;
}
select.boxShort {
-width: 25%;
+ width: 25%;
}
select.boxHarf {
-width: 46%;
+ width: 46%;
}
/*----------------------------------------------------
header
@@ -353,310 +353,310 @@
/* ヘッダーロゴ
------------------------------------------------ */
header {
-width: 100%;
-background: #FFF;
-margin: 0 auto;
-padding: 5px 0 10px 0;
-clear: both;
-min-height: 40px;
+ width: 100%;
+ background: #FFF;
+ margin: 0 auto;
+ padding: 5px 0 10px 0;
+ clear: both;
+ min-height: 40px;
}
header h1 {
-width: 47%;
-height: 25px;
-float: left;
-clear: left;
-margin: 2px 0 0 5px;
-padding: 0;
-max-width: 150px;
-position: relative;
+ width: 47%;
+ height: 25px;
+ float: left;
+ clear: left;
+ margin: 2px 0 0 5px;
+ padding: 0;
+ max-width: 150px;
+ position: relative;
}
header h1 a {
-display: block;
-margin: 0;
-padding: 0;
-cursor: pointer;
-vertical-align: middle;
+ display: block;
+ margin: 0;
+ padding: 0;
+ cursor: pointer;
+ vertical-align: middle;
}
header h1 img {
-width: 150px;
-height: 25px;
-margin: -5px 0 0 0;
-padding: 0;
-vertical-align: middle;
+ width: 150px;
+ height: 25px;
+ margin: -5px 0 0 0;
+ padding: 0;
+ vertical-align: middle;
}
/* ヘッダーナビ
------------------------------------------------ */
.header_utility {
-width: 47%;
-padding: 0 5px;
-float: right;
+ width: 47%;
+ padding: 0 5px;
+ float: right;
}
.header_navi {
-font-size: 11px;
-float: right;
-display: inline;
-text-align: right;
-line-height: 1.2;
-margin-top: 5px;
+ font-size: 11px;
+ float: right;
+ display: inline;
+ text-align: right;
+ line-height: 1.2;
+ margin-top: 5px;
}
.header_navi ul {
-display: inline;
-float: right;
+ display: inline;
+ float: right;
}
.header_navi li {
-float: left;
-margin: 0;
-padding: 8px 5px;
-border: #A9ABAD solid 1px;
-border-radius: 5px;
--moz-border-radius: 5px;
--webkit-border-radius: 5px;
-background: #FDFDfD;
-background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3));
+ float: left;
+ margin: 0;
+ padding: 8px 5px;
+ border: #A9ABAD solid 1px;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ background: #FDFDfD;
+ background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3));
}
.header_navi li:first-child {
-margin-right: 1em;
+ margin-right: 1em;
}
.header_navi p {
-line-height: 1.3;
+ line-height: 1.3;
}
.header_navi p.guest {
-margin-top: 5px !important;
+ margin-top: 5px !important;
}
.popup_mypage {
-font-size: small;
-width: auto;
-min-width: 100px;
-padding: 10px;
-display: none;
-position: absolute;
-line-height: 1.2;
-top: 52px;
-z-index: 1;
-background: #FFF;
-background: -moz-linear-gradient(center top, #FDFDFD 0%,#E5E5E5 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #E5E5E5));
-border: #CCC solid 1px;
-border-radius: 5px;
--webkit-border-radius: 5px;
--moz-border-radius: 5px;
+ font-size: small;
+ width: auto;
+ min-width: 100px;
+ padding: 10px;
+ display: none;
+ position: absolute;
+ line-height: 1.2;
+ top: 52px;
+ z-index: 1;
+ background: #FFF;
+ background: -moz-linear-gradient(center top, #FDFDFD 0%,#E5E5E5 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #E5E5E5));
+ border: #CCC solid 1px;
+ border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
}
.popup_mypage p:first-child {
-line-height: 1.3;
-margin-bottom: 0.5em;
+ line-height: 1.3;
+ margin-bottom: 0.5em;
}
.popup_cart {
-font-size: small;
-width: auto;
-min-width: 90px;
-padding: 10px;
-display: none;
-position: absolute;
-top: 52px;
-margin-right: 5px;
-z-index: 1;
-background: #FFF;
-background: -moz-linear-gradient(center top, #FDFDFD 0%,#E5E5E5 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #E5E5E5));
-border: #CCC solid 1px;
-border-radius: 5px;
--webkit-border-radius: 5px;
--moz-border-radius: 5px;
+ font-size: small;
+ width: auto;
+ min-width: 90px;
+ padding: 10px;
+ display: none;
+ position: absolute;
+ top: 52px;
+ margin-right: 5px;
+ z-index: 1;
+ background: #FFF;
+ background: -moz-linear-gradient(center top, #FDFDFD 0%,#E5E5E5 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #E5E5E5));
+ border: #CCC solid 1px;
+ border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
}
.popup_cart .product_type {
-margin-bottom: 5px;
+ margin-bottom: 5px;
}
.popup_cart div:last-child {
-margin-bottom: 0;
+ margin-bottom: 0;
}
.popup_mypage a, .popup_cart a {
-text-decoration: underline;
+ text-decoration: underline;
}
.popup_mypage h2, .popup_cart h2 {
-font-size: 1.2em;
+ font-size: 1.2em;
}
.quantity, .money {
-font-size: 14px;
-font-weight: bold;
+ font-size: 14px;
+ font-weight: bold;
}
.popup_cart hr.dashed:last-child {
-display: none;
+ display: none;
}
hr.dashed {
-display: block;
-height: 1px;
-border: 0;
-border-top: #CCC dashed 1px;
-margin: 0.2em 0;
+ display: block;
+ height: 1px;
+ border: 0;
+ border-top: #CCC dashed 1px;
+ margin: 0.2em 0;
padding:0;}
.free_money_area {
-font-size: 11px;
+ font-size: 11px;
}
.dl_item {
-margin-top: 5px;
+ margin-top: 5px;
}
/*index menu/トップページヘッダー3列ボタン*/
.top_menu {
-width: 100%;
-margin-bottom: 10px;
--webkit-box-shadow: 1px 5px 5px #ccc;
--moz-box-shadow: 1px 5px 5px #ccc;
-background: #494E57;
-background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494E57 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(0.8, #505765),color-stop(1, #494E57));
+ width: 100%;
+ margin-bottom: 10px;
+ -webkit-box-shadow: 1px 5px 5px #ccc;
+ -moz-box-shadow: 1px 5px 5px #ccc;
+ background: #494E57;
+ background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494E57 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(0.8, #505765),color-stop(1, #494E57));
}
.top_menu ul {
-width: auto;
-margin: 0 auto;
-clear: both;
+ width: auto;
+ margin: 0 auto;
+ clear: both;
}
.top_menu ul li {
-width: 33%;
-float: left;
-text-align: center;
-border-left: #747B83 solid 1px;
-border-right: #3D3D3D solid 1px;
-border-bottom: #141517 solid 1px;
-border-top: #A1A7AF solid 2px;
+ width: 33%;
+ float: left;
+ text-align: center;
+ border-left: #747B83 solid 1px;
+ border-right: #3D3D3D solid 1px;
+ border-bottom: #141517 solid 1px;
+ border-top: #A1A7AF solid 2px;
}
.top_menu ul li img {
-margin: 0 auto;
-display: block;
-clear: both;
+ margin: 0 auto;
+ display: block;
+ clear: both;
}
.top_menu ul li a:link, .top_menu ul li a:visited {
-color: #FFF;
-text-shadow: 0px 1px 1px rgba(0,0,0,1);
-padding: 9px 0 8px 0;
-display: block;
-background: #494E57;
-background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494E57 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(0.8, #505765),color-stop(1, #494E57));
--webkit-transition: background-color 0.5s ease-in;
--moz-transition: background-color 0.5s ease-in;
+ color: #FFF;
+ text-shadow: 0px 1px 1px rgba(0,0,0,1);
+ padding: 9px 0 8px 0;
+ display: block;
+ background: #494E57;
+ background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494E57 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(0.8, #505765),color-stop(1, #494E57));
+ -webkit-transition: background-color 0.5s ease-in;
+ -moz-transition: background-color 0.5s ease-in;
}
.top_menu ul li a:hover {
-color: #FFF;
-text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
-background: #5393C5;
-background: -moz-linear-gradient(center top, #5393C5 10%,#80B6E2 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393C5),color-stop(1, #80B6E2));
-text-decoration: none;
+ color: #FFF;
+ text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
+ background: #5393C5;
+ background: -moz-linear-gradient(center top, #5393C5 10%,#80B6E2 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393C5),color-stop(1, #80B6E2));
+ text-decoration: none;
}
.top_menu li:first-child {
-border-left: none;
+ border-left: none;
}
.top_menu li:last-child {
-border-right: none;
+ border-right: none;
}
/*-------------------------------------------------
footer
----------------------------------------------- */
footer.global_footer {
-padding: 0 0 10px 0;
-background: #E6E6E6;
-text-align: center;
+ padding: 0 0 10px 0;
+ background: #E6E6E6;
+ text-align: center;
}
.footer_utility {
-background: #E6E6E6;
+ background: #E6E6E6;
}
/*フッター4列ボタン*/
.footer_navi {
-width: 100%;
-display: block;
-clear: both;
-padding: 0.5em 0;
--webkit-box-shadow: 1px 1px 1px #FFF;
--moz-box-shadow: 1px 1px 1px #FFF;
-background: #272a2b;
-background: -moz-linear-gradient(center top, #808080 0%,#272a2b 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #808080),color-stop(1, #272a2b));
+ width: 100%;
+ display: block;
+ clear: both;
+ padding: 0.5em 0;
+ -webkit-box-shadow: 1px 1px 1px #FFF;
+ -moz-box-shadow: 1px 1px 1px #FFF;
+ background: #272a2b;
+ background: -moz-linear-gradient(center top, #808080 0%,#272a2b 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #808080),color-stop(1, #272a2b));
}
.footer_navi ul {
-width: 100%;
-display: block;
+ width: 100%;
+ display: block;
}
.footer_navi:after {
-content: ".";
-display: block;
-clear: both;
-height: 0;
+ content: ".";
+ display: block;
+ clear: both;
+ height: 0;
}
.footer_navi li {
-width: 23%;
-height: 49px;
-display: block;
-margin: 0 1%;
-padding: 0;
-float: left;
-background: #202223;
-background: -moz-linear-gradient(center top, #282A2A 0%,#202223 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #282A2A),color-stop(1, #202223));
-text-align: center;
-color: #FFF;
-font-size: 10px;
-border-radius: 8px;
--webkit-border-radius: 8px;
--moz-border-radius: 8px;
--webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2) inset,-3px -3px 3px 3px rgba(0,0,0,0.2) inset;
--moz-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2) inset,-3px -3px 3px 3px rgba(0,0,0,0.2) inset;
+ width: 23%;
+ height: 49px;
+ display: block;
+ margin: 0 1%;
+ padding: 0;
+ float: left;
+ background: #202223;
+ background: -moz-linear-gradient(center top, #282A2A 0%,#202223 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #282A2A),color-stop(1, #202223));
+ text-align: center;
+ color: #FFF;
+ font-size: 10px;
+ border-radius: 8px;
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
+ -webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2) inset,-3px -3px 3px 3px rgba(0,0,0,0.2) inset;
+ -moz-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2) inset,-3px -3px 3px 3px rgba(0,0,0,0.2) inset;
}
.footer_status_area {
-margin: 0;
-padding: 20px 10px 10px;
-text-align: center;
-background: #E6E6E6;
-border-bottom: #999 solid 1px;
+ margin: 0;
+ padding: 20px 10px 10px;
+ text-align: center;
+ background: #E6E6E6;
+ border-bottom: #999 solid 1px;
}
.footer_status_area p:last-child {
-margin: 10px auto;
+ margin: 10px auto;
}
.guide_area {
-clear: both;
-margin: 0;
-padding: 10px 0 0 0;
-text-align: center;
-border-top: #fff solid 1px;
+ clear: both;
+ margin: 0;
+ padding: 10px 0 0 0;
+ text-align: center;
+ border-top: #fff solid 1px;
}
.guide_area p {
-font-size: 14px;
-font-weight: bold;
-line-height: 2.4;
+ font-size: 14px;
+ font-weight: bold;
+ line-height: 2.4;
}
.guide_area a {
-padding: 0.5em 0.3em;
-margin: 0.5em 0.1em;
+ padding: 0.5em 0.3em;
+ margin: 0.5em 0.1em;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
-.guide_area p {
-font-size: 12px;
+ .guide_area p {
+ font-size: 12px;
+ }
}
-}
footer.global_footer p.copyright {
-margin: 0;
-text-align: center;
-padding: 10px 0;
+ margin: 0;
+ text-align: center;
+ padding: 10px 0;
}
/*-------------------------------------------------
検索バー
----------------------------------------------- */
#search_area {
-padding: 10px;
-background: #E7E8E9;
-clear: both;
-text-align: center;
+ padding: 10px;
+ background: #E7E8E9;
+ clear: both;
+ text-align: center;
}
/*jqm追記*/
#search_area .ui-input-search {
-border-radius: 20px;
--webkit-border-radius: 20px;
--moz-border-radius: 20px;
-border: #CCC solid 1px;
+ border-radius: 20px;
+ -webkit-border-radius: 20px;
+ -moz-border-radius: 20px;
+ border: #CCC solid 1px;
}
.ui-input-text {
-width: 100% !important;
+ width: 100% !important;
}
変更: branches/version-2_12-dev/html/user_data/packages/sphone/css/contents.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/sphone/css/contents.css 2012-03-07 19:17:59 UTC (rev 21616)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/contents.css 2012-03-07 19:55:00 UTC (rev 21617)
@@ -8,94 +8,94 @@
#undercolumn 汎用
----------------------------------------------- */
#undercolumn {
-padding-bottom: 35px;
+ padding-bottom: 35px;
}
/**イントロダクション*/
.information {
-font-weight: bold;
-padding: 5px 10px;
-line-height: 1.3;
-border-bottom: #CCC solid 1px;
+ font-weight: bold;
+ padding: 5px 10px;
+ line-height: 1.3;
+ border-bottom: #CCC solid 1px;
}
.information p:first-child {
-font-size: 14px;
-margin-bottom: 0.5em;
+ font-size: 14px;
+ margin-bottom: 0.5em;
}
/*フォーム枠*/
.form_area {
-padding: 10px;
+ padding: 10px;
}
.form_area p:first-child {
-margin-bottom: 0.5em;
+ margin-bottom: 0.5em;
}
.formBox {
-margin-bottom: 20px;
-border: #A9ABAD solid 1px;
-border-radius: 7px;
--moz-border-radius: 7px;
--webkit-border-radius: 7px;
+ margin-bottom: 20px;
+ border: #A9ABAD solid 1px;
+ border-radius: 7px;
+ -moz-border-radius: 7px;
+ -webkit-border-radius: 7px;
}
.innerBox {
-padding: 10px;
-border-bottom: #CCC solid 1px;
+ padding: 10px;
+ border-bottom: #CCC solid 1px;
}
.arrowBox {
-padding: 10px 25px 10px 10px;
-background: url(../img/common/ico_arrowR.png) 95% center no-repeat;
-border-bottom: #CCC solid 1px;
-clear: both;
+ padding: 10px 25px 10px 10px;
+ background: url(../img/common/ico_arrowR.png) 95% center no-repeat;
+ border-bottom: #CCC solid 1px;
+ clear: both;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
-.arrowBox {
-background: url(../img/common/ico_arrowR2.png) 95% center no-repeat;
--webkit-background-size: 10px 15px;
-background-size: 10px 15px;
+ .arrowBox {
+ background: url(../img/common/ico_arrowR2.png) 95% center no-repeat;
+ -webkit-background-size: 10px 15px;
+ background-size: 10px 15px;
+ }
}
-}
.box_header {
-font-size: 16px;
-font-weight: bold;
-background: #EEE;
-padding: 10px;
-border-radius: 7px 7px 0 0;
--moz-border-radius: 7px 7px 0 0;
--webkit-border-radius: 7px 7px 0 0;
-border-bottom: #CCC solid 1px;
+ font-size: 16px;
+ font-weight: bold;
+ background: #EEE;
+ padding: 10px;
+ border-radius: 7px 7px 0 0;
+ -moz-border-radius: 7px 7px 0 0;
+ -webkit-border-radius: 7px 7px 0 0;
+ border-bottom: #CCC solid 1px;
}
/*合計(フォーム下)*/
.total_area, .result_area {
-padding: 10px;
-text-align: right;
-background: #F7F5F0;
-border-top: #FFF solid 1px;
-border-bottom: #A9ABAD solid 1px;
+ padding: 10px;
+ text-align: right;
+ background: #F7F5F0;
+ border-top: #FFF solid 1px;
+ border-bottom: #A9ABAD solid 1px;
}
.formBox .btn_area_btm {
-padding: 10px;
-background: #F7F5F0;
-border-top: #FFF solid 1px;
-border-bottom: none;
-border-radius: 0 0 7px 7px;
--moz-border-radius: 0 0 7px 7px;
--webkit-border-radius: 0 0 7px 7px;
+ padding: 10px;
+ background: #F7F5F0;
+ border-top: #FFF solid 1px;
+ border-bottom: none;
+ border-radius: 0 0 7px 7px;
+ -moz-border-radius: 0 0 7px 7px;
+ -webkit-border-radius: 0 0 7px 7px;
}
.formBox div:first-child {
-border-radius: 7px 7px 0 0;
--moz-border-radius: 7px 7px 0 0;
--webkit-border-radius: 7px 7px 0 0;
+ border-radius: 7px 7px 0 0;
+ -moz-border-radius: 7px 7px 0 0;
+ -webkit-border-radius: 7px 7px 0 0;
}
.formBox div:last-child {
-border-radius: 0 0 7px 7px;
--moz-border-radius: 0 0 7px 7px;
--webkit-border-radius: 0 0 7px 7px;
-border-bottom: none;
+ border-radius: 0 0 7px 7px;
+ -moz-border-radius: 0 0 7px 7px;
+ -webkit-border-radius: 0 0 7px 7px;
+ border-bottom: none;
}
.form_area div:after {
-content: ".";
-display: block;
-clear: both;
-height: 0;
-visibility: hidden;
+ content: ".";
+ display: block;
+ clear: both;
+ height: 0;
+ visibility: hidden;
}
/* -----------------------------------------------
@@ -104,234 +104,234 @@
/*カゴの中の商品*/
.cartinarea {
-padding: 10px;
-border-bottom: #CCC solid 1px;
+ padding: 10px;
+ border-bottom: #CCC solid 1px;
}
.cartitemBox {
-padding: 10px 0;
-border-bottom: #CCC solid 1px;
-clear: both;
+ padding: 10px 0;
+ border-bottom: #CCC solid 1px;
+ clear: both;
}
.cartinarea .cartitemBox:last-child {
-border-bottom: none;
+ border-bottom: none;
}
.cartinarea .photoL {
-width: 80px;
+ width: 80px;
}
.cartinarea .cartinContents {
-width: 68%;
-float: right;
-display: block;
-position: relative;
+ width: 68%;
+ float: right;
+ display: block;
+ position: relative;
}
.cartinarea .cartinContents p {
-line-height: 1.2;
+ line-height: 1.2;
}
.cartinContents div {
-min-height: 50px;
+ min-height: 50px;
}
/* -----------------------------------------------
ふきだしボックス
----------------------------------------------- */
.bubbleBox {
-width: 90%;
-font-weight: bold;
-margin: 10px auto 20px auto;
-padding: 10px 15px;
-position: relative;
-background-color: #F6F6F6;
-border: 1px solid #C5C4C0;
--moz-border-radius: 7px;
--webkit-border-radius: 7px;
--moz-box-shadow: inset 1px 1px 1px #FFF;
--webkit-box-shadow: inset 1px 1px 1px #FFF;
-cursor: pointer;
+ width: 90%;
+ font-weight: bold;
+ margin: 10px auto 20px auto;
+ padding: 10px 15px;
+ position: relative;
+ background-color: #F6F6F6;
+ border: 1px solid #C5C4C0;
+ -moz-border-radius: 7px;
+ -webkit-border-radius: 7px;
+ -moz-box-shadow: inset 1px 1px 1px #FFF;
+ -webkit-box-shadow: inset 1px 1px 1px #FFF;
+ cursor: pointer;
}
.bubble_arrow_line {
-width: 0;
-height: 0;
-border-color: #C5C4C0 transparent transparent transparent;
-border-style: solid;
-border-width: 10px;
-position: absolute;
-bottom: -21px;
-left: 50%;
+ width: 0;
+ height: 0;
+ border-color: #C5C4C0 transparent transparent transparent;
+ border-style: solid;
+ border-width: 10px;
+ position: absolute;
+ bottom: -21px;
+ left: 50%;
}
.bubble_arrow {
-width: 0;
-height: 0;
-border-color: #F6F6F6 transparent transparent transparent;
-border-style: solid;
-border-width: 10px;
-position: absolute;
-bottom: -19px;
-left: 50%;
+ width: 0;
+ height: 0;
+ border-color: #F6F6F6 transparent transparent transparent;
+ border-style: solid;
+ border-width: 10px;
+ position: absolute;
+ bottom: -19px;
+ left: 50%;
}
.bubble_announce {
-height: 2.5em;
-background: url(../img/common/ico_arrowR.png) right center no-repeat;
-clear: both;
-vertical-align: middle;
-margin-bottom: 5px;
+ height: 2.5em;
+ background: url(../img/common/ico_arrowR.png) right center no-repeat;
+ clear: both;
+ vertical-align: middle;
+ margin-bottom: 5px;
}
- @media only screen and (-webkit-min-device-pixel-ratio: 2) {
-.bubble_announce {
-background: url(../img/common/ico_arrowR2.png) right center no-repeat;
--webkit-background-size: 10px 15px;
-background-size: 10px 15px;
+ ＠ media only screen and (-webkit-min-device-pixel-ratio: 2) {
+ .bubble_announce {
+ background: url(../img/common/ico_arrowR2.png) right center no-repeat;
+ -webkit-background-size: 10px 15px;
+ background-size: 10px 15px;
+ }
}
-}
.bubbleBox p.fb {
-line-height: 2.5em;
+ line-height: 2.5em;
}
.deliv_announce p {
-width: 80%;
+ width: 80%;
}
.bubbleBox a:link, .bubbleBox a:visited {
-color: #333;
+ color: #333;
}
/* -----------------------------------------------
カートの中ページ
----------------------------------------------- */
.totalmoney_area {
-font-size: 14px;
-font-weight: bold;
-padding: 10px;
-border-bottom: #CCC solid 1px;
+ font-size: 14px;
+ font-weight: bold;
+ padding: 10px;
+ border-bottom: #CCC solid 1px;
}
.point_announce {
-font-size: 12px;
-font-weight: bold;
-margin-bottom: 5px;
+ font-size: 12px;
+ font-weight: bold;
+ margin-bottom: 5px;
}
.cartinContents .btn_delete {
-padding: 2px;
-right: 0;
-float: right;
-position: absolute;
-top: 0;
-cursor: pointer;
+ padding: 2px;
+ right: 0;
+ float: right;
+ position: absolute;
+ top: 0;
+ cursor: pointer;
}
.cartinContents ul {
-float: right;
-clear: both;
-line-height: 1.1;
+ float: right;
+ clear: both;
+ line-height: 1.1;
}
.cartinContents ul li {
-display: inline;
-float: left;
+ display: inline;
+ float: left;
}
.cartinContents ul li.quantity {
-padding-left: 0.5em;
-padding-top: 1em;
-vertical-align: bottom;
+ padding-left: 0.5em;
+ padding-top: 1em;
+ vertical-align: bottom;
}
.cartinContents ul li.quantity_btn {
-padding-left: 0.5em;
-padding-top: 0.8em;
-vertical-align: bottom;
+ padding-left: 0.5em;
+ padding-top: 0.8em;
+ vertical-align: bottom;
}
.cartinContents ul li.result {
-padding-left: 1.5em;
-padding-top: 1em;
-vertical-align: bottom;
+ padding-left: 1.5em;
+ padding-top: 1em;
+ vertical-align: bottom;
}
.cartinContents p {
-margin-right: 25px;
+ margin-right: 25px;
}
.cartinContents p.btn_delete {
-margin-right: 0;
+ margin-right: 0;
}
/* -----------------------------------------------
お届け先指定
----------------------------------------------- */
.deliv_check {
-clear: both;
+ clear: both;
}
.deliv_check dt {
-font-size: 14px;
-font-weight: bold;
-padding: 10px 10px 5px 10px;
-background: #EEE;
-border-top: #FFF solid 1px;
-vertical-align: middle;
-position: relative;
-display: block;
+ font-size: 14px;
+ font-weight: bold;
+ padding: 10px 10px 5px 10px;
+ background: #EEE;
+ border-top: #FFF solid 1px;
+ vertical-align: middle;
+ position: relative;
+ display: block;
}
.deliv_check dt p {
-vertical-align: middle;
+ vertical-align: middle;
}
.deliv_check dd {
-font-size: 12px;
-padding: 10px;
-border-bottom: #CCC solid 1px;
-display: block;
+ font-size: 12px;
+ padding: 10px;
+ border-bottom: #CCC solid 1px;
+ display: block;
}
.deliv_check dd.end {
-border-bottom: none;
+ border-bottom: none;
}
.deliv_check dd p {
-display: inline;
-float: left;
+ display: inline;
+ float: left;
}
.deliv_check ul.edit {
-float: right;
-clear: right;
-display: inline;
-line-height: 1.1;
-position: absolute;
-right: 10px;
-top: 12px;
+ float: right;
+ clear: right;
+ display: inline;
+ line-height: 1.1;
+ position: absolute;
+ right: 10px;
+ top: 12px;
}
.deliv_check dt.first {
-border-top: none;
-border-radius: 7px 7px 0 0;
--moz-border-radius: 7px 7px 0 0;
--webkit-border-radius: 7px 7px 0 0;
+ border-top: none;
+ border-radius: 7px 7px 0 0;
+ -moz-border-radius: 7px 7px 0 0;
+ -webkit-border-radius: 7px 7px 0 0;
}
/* -----------------------------------------------
お届け先指定(複数)
----------------------------------------------- */
.delivitemBox {
-padding: 10px;
-border-bottom: #CCC solid 1px;
-clear: both;
-position: relative;
+ padding: 10px;
+ border-bottom: #CCC solid 1px;
+ clear: both;
+ position: relative;
}
.delivitemBox .photoL {
-width: 80px;
+ width: 80px;
}
.delivitemBox .delivContents {
-width: 67%;
-float: right;
-display: block;
-position: relative;
+ width: 67%;
+ float: right;
+ display: block;
+ position: relative;
}
.delivContents p {
-float: left;
-line-height: 1.2;
-margin-bottom: 5px;
-margin-right: 40px;
+ float: left;
+ line-height: 1.2;
+ margin-bottom: 5px;
+ margin-right: 40px;
}
.delivContents ul {
-width: 3em;
-float: right;
-right: 7px;
-position: absolute;
+ width: 3em;
+ float: right;
+ right: 7px;
+ position: absolute;
}
.delivContents ul li {
-text-align: center;
-clear: both;
+ text-align: center;
+ clear: both;
}
.delivContents ul li:first-child {
-line-height: 1.2;
-vertical-align: bottom;
+ line-height: 1.2;
+ vertical-align: bottom;
}
@@ -339,268 +339,268 @@
お支払方法・お届け時間等の指定
----------------------------------------------- */
.pay_area ul {
-padding: 10px;
-margin-bottom: 10px;
-font-weight: bold;
+ padding: 10px;
+ margin-bottom: 10px;
+ font-weight: bold;
}
.pay_area ul li {
-line-height: 1.5;
-margin-bottom: 6px;
+ line-height: 1.5;
+ margin-bottom: 6px;
}
.pay_area .attention,
.pay_area2 .attention {
-margin-left: 10px;
+ margin-left: 10px;
}
.pay_area02 select:first-child {
-margin-bottom: 12px;
+ margin-bottom: 12px;
}
p.check_point {
-font-size: 12px;
-padding-left: 1em;
-font-weight: normal;
+ font-size: 12px;
+ padding-left: 1em;
+ font-weight: normal;
}
p.check_point .box_point {
-margin-right: 0.5em;
+ margin-right: 0.5em;
}
.contact_area p {
-line-height: 1.3;
-font-weight: bold;
-margin-bottom: 10px;
+ line-height: 1.3;
+ font-weight: bold;
+ margin-bottom: 10px;
}
.contact_area .textarea {
-width: 95%;
+ width: 95%;
}
.non-select-msg {
-margin: 20px 0;
-border: none;
+ margin: 20px 0;
+ border: none;
}
.time_select {
-margin-top: 5px;
-margin-bottom: 15px;
+ margin-top: 5px;
+ margin-bottom: 15px;
}
/* -----------------------------------------------
ご注文内容のご確認
----------------------------------------------- */
.cartcartconfirmarea {
-padding: 0 10px;
-border-bottom: #CCC solid 1px;
+ padding: 0 10px;
+ border-bottom: #CCC solid 1px;
}
.cartconfirmBox {
-padding: 10px 0;
-border-bottom: #CCC solid 1px;
-clear: both;
-position: relative;
+ padding: 10px 0;
+ border-bottom: #CCC solid 1px;
+ clear: both;
+ position: relative;
}
.cartconfirmBox:last-child {
-border-bottom: none;
+ border-bottom: none;
}
.cartconfirmBox .photoL {
-width: 80px;
-float: left;
+ width: 80px;
+ float: left;
}
.cartconfirmContents {
-width: 67%;
-float: right;
-display: block;
-position: relative;
-line-height: 1.3;
+ width: 67%;
+ float: right;
+ display: block;
+ position: relative;
+ line-height: 1.3;
}
.cartconfirmContents div {
-min-height: 62px;
-line-height: 1.3;
+ min-height: 62px;
+ line-height: 1.3;
}
.cartconfirmBox ul {
-float: right;
-clear: both;
-line-height: 1.1;
+ float: right;
+ clear: both;
+ line-height: 1.1;
}
.cartconfirmBox ul li {
-display: inline;
-font-weight: bold;
+ display: inline;
+ font-weight: bold;
}
.cartconfirmBox ul li.result {
-padding-left: 1em;
-vertical-align: bottom;
+ padding-left: 1em;
+ vertical-align: bottom;
}
.result_area {
-font-size: 14px;
-font-weight: bold;
+ font-size: 14px;
+ font-weight: bold;
}
.result_area dl {
-text-align: right;
-float: right;
-display: block;
+ text-align: right;
+ float: right;
+ display: block;
}
.result_area dt, .result_area dd {
-text-align: right;
+ text-align: right;
}
.result_area dt {
-font-size: 11px;
-clear: left;
-float: right;
+ font-size: 11px;
+ clear: left;
+ float: right;
}
dl.point dl {
-display: block;
+ display: block;
}
.point_confifrm dl {
-font-weight: bold;
-border-bottom: #CCC solid 1px;
+ font-weight: bold;
+ border-bottom: #CCC solid 1px;
}
.point_confifrm dl:last-child {
-border-bottom: none;
+ border-bottom: none;
}
.point_confifrm dt {
-width: 60%;
-padding: 10px 0 10px 10px;
-float: left;
-display: block;
+ width: 60%;
+ padding: 10px 0 10px 10px;
+ float: left;
+ display: block;
}
.point_confifrm dd {
-width: 30%;
-padding: 10px 10px 10px 0;
-float: right;
-text-align: right;
+ width: 30%;
+ padding: 10px 10px 10px 0;
+ float: right;
+ text-align: right;
}
.deliv_confirm dt {
-font-size: 14px;
-font-weight: bold;
-padding: 10px;
-background: #EEE;
-border-top: #FFF solid 1px;
-border-radius: 7px 7px 0 0;
--moz-border-radius: 7px 7px 0 0;
--webkit-border-radius: 7px 7px 0 0;
-line-height: 1.2;
-vertical-align: middle;
-position: relative;
-display: block;
+ font-size: 14px;
+ font-weight: bold;
+ padding: 10px;
+ background: #EEE;
+ border-top: #FFF solid 1px;
+ border-radius: 7px 7px 0 0;
+ -moz-border-radius: 7px 7px 0 0;
+ -webkit-border-radius: 7px 7px 0 0;
+ line-height: 1.2;
+ vertical-align: middle;
+ position: relative;
+ display: block;
}
.deliv_confirm dd {
-font-size: 12px;
-padding: 10px;
-border-bottom: #CCC solid 1px;
-display: block;
-line-height: 1.3;
+ font-size: 12px;
+ padding: 10px;
+ border-bottom: #CCC solid 1px;
+ display: block;
+ line-height: 1.3;
}
.deliv_confirm dd:last-child {
-border-bottom: none;
+ border-bottom: none;
}
.deliv_confirm dd p.deliv_name {
-margin-bottom: 3px;
-font-size: 14px;
-line-height: 1.3;
+ margin-bottom: 3px;
+ font-size: 14px;
+ line-height: 1.3;
}
.date_confirm li {
-padding-right: 1em;
-display: inline;
+ padding-right: 1em;
+ display: inline;
}
/* -----------------------------------------------
入力フォーム/確認画面共通
----------------------------------------------- */
dl.form_entry {
-width: 100%;
-margin: 0 0 15px 0;
-padding: 0;
-border-top: #999 solid 1px;
-border-bottom: #999 solid 1px;
-position: relative;
+ width: 100%;
+ margin: 0 0 15px 0;
+ padding: 0;
+ border-top: #999 solid 1px;
+ border-bottom: #999 solid 1px;
+ position: relative;
}
dl.form_entry dt {
-font-weight: bold;
-padding: 10px 12px 0;
+ font-weight: bold;
+ padding: 10px 12px 0;
}
dl.form_entry dd {
-padding: 0 12px 10px;
-border-bottom: #CCC solid 1px;
-line-height: 1.2;
+ padding: 0 12px 10px;
+ border-bottom: #CCC solid 1px;
+ line-height: 1.2;
}
dl.form_entry dd:last-child {
-border-bottom: 0;
+ border-bottom: 0;
}
dl.form_entry .selectdate {
-margin-top: 12px;
-padding: 5px 6px 5px 4px;
-font-size: 12px;
-vertical-align: bottom;
+ margin-top: 12px;
+ padding: 5px 6px 5px 4px;
+ font-size: 12px;
+ vertical-align: bottom;
}
dl.form_entry li {
-margin-bottom: 0.3em;
-vertical-align: middle;
+ margin-bottom: 0.3em;
+ vertical-align: middle;
}
dl.form_entry .bg_head {
-padding-bottom: 10px;
+ padding-bottom: 10px;
}
/* -----------------------------------------------
完了画面
----------------------------------------------- */
.thankstext {
-font-size: 16px;
-color: #FF6633;
-font-weight: bold;
-padding: 10px;
-margin-bottom: 10px;
-line-height: 1.3;
+ font-size: 16px;
+ color: #FF6633;
+ font-weight: bold;
+ padding: 10px;
+ margin-bottom: 10px;
+ line-height: 1.3;
}
#completetext p {
-line-height: 1.3;
+ line-height: 1.3;
}
#completetext, .shopInformation {
-font-size: 14px;
-padding: 10px;
-clear: both;
+ font-size: 14px;
+ padding: 10px;
+ clear: both;
}
#completetext p, .shopInformation p {
-margin-bottom: 0.5em;
-line-height: 1.3;
+ margin-bottom: 0.5em;
+ line-height: 1.3;
}
/* -----------------------------------------------
特定商/当サイトについて
----------------------------------------------- */
dl.form_info {
-width: 100%;
-margin: 10px 0 15px 0;
-padding: 0;
-border-bottom: #999 solid 1px;
-position: relative;
+ width: 100%;
+ margin: 10px 0 15px 0;
+ padding: 0;
+ border-bottom: #999 solid 1px;
+ position: relative;
}
dl.form_info dt {
-font-weight: bold;
-padding: 10px 10px 0;
+ font-weight: bold;
+ padding: 10px 10px 0;
}
dl.form_info dd {
-padding: 0 10px 10px;
-border-bottom: #CCC solid 1px;
+ padding: 0 10px 10px;
+ border-bottom: #CCC solid 1px;
}
dl.form_info dd:last-child {
-border-bottom: 0;
+ border-bottom: 0;
}
#maps {
-width: 88%!important;
-margin: 10px auto!important;
+ width: 88%!important;
+ margin: 10px auto!important;
}
/* -----------------------------------------------
規約
----------------------------------------------- */
#kiyaku_text {
-padding: 10px 20px;
-border-bottom: #999 solid 1px;
-border-top: #999 solid 1px;
-overflow: hidden;
-text-overflow: ellipsis;
-line-height: 1.3;
+ padding: 10px 20px;
+ border-bottom: #999 solid 1px;
+ border-top: #999 solid 1px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ line-height: 1.3;
}
/*-------------------------------------------------
error
----------------------------------------*/
#errorBox {
-text-align: left;
-padding: 20px;
+ text-align: left;
+ padding: 20px;
}
変更: branches/version-2_12-dev/html/user_data/packages/sphone/css/jqm.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/sphone/css/jqm.css 2012-03-07 19:17:59 UTC (rev 21616)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/jqm.css 2012-03-07 19:55:00 UTC (rev 21617)
@@ -8,132 +8,129 @@
/* F
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-f {
- font-size: 20px;
- border-top:none;
- border-left:none;
- border-right:none;
- border-bottom: #74828B solid 1px;
- background: #bbb;
- color: #fff;
- text-shadow: 0 1px 0 rgba(0,0,0,0.3);
- background-image: -moz-linear-gradient(top,
- #6D7481,
- #494e57);
- background-image: -webkit-gradient(linear,left top,left bottom,
- color-stop(0,#6D7481),
- color-stop(1,#494e57));
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#bbbbbb')";
+ font-size: 20px;
+ border-top: none;
+ border-left: none;
+ border-right: none;
+ border-bottom: #74828B solid 1px;
+ background: #bbb;
+ color: #fff;
+ text-shadow: 0 1px 0 rgba(0,0,0,0.3);
+ background-image: -moz-linear-gradient(top,
+ #6D7481,
+ #494e57);
+ background-image: -webkit-gradient(linear,left top,left bottom,
+ color-stop(0,#6D7481),
+ color-stop(1,#494e57));
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#bbbbbb')";
}
.ui-bar-f,
.ui-bar-f input,
.ui-bar-f select,
.ui-bar-f textarea,
.ui-bar-f button {
- font-family: Helvetica, Arial, sans-serif;
+ font-family: Helvetica, Arial, sans-serif;
}
.ui-bar-f .ui-link-inherit {
- color: #333;
+ color: #333;
}
.ui-bar-f .ui-link {
- color: #4265AE;
- font-weight: bold;
+ color: #4265AE;
+ font-weight: bold;
}
.ui-body-f {
- border: 1px solid #ccc;
- color: #333333;
- text-shadow: none;
- background: #ffffff;
+ border: 1px solid #ccc;
+ color: #333333;
+ text-shadow: none;
+ background: #ffffff;
}
.ui-body-f,
.ui-body-f input,
.ui-body-f select,
.ui-body-f button {
- font-family: Helvetica, Arial, sans-serif;
+ font-family: Helvetica, Arial, sans-serif;
}
.ui-body-f textarea {
-border: #4C4C4C solid 1px;
+ border: #4C4C4C solid 1px;
}
.ui-body-f .ui-link-inherit {
- color: #333333;
+ color: #333333;
}
.ui-body-f .ui-link {
- color: #4265AE;
- font-weight: bold;
+ color: #4265AE;
+ font-weight: bold;
}
.ui-btn-up-f {
- border: 1px solid #ccc;
- background: #eee;
- font-weight: bold;
- color: #444;
- text-decoration: none;
- text-shadow: 0 1px 1px #f6f6f6;
+ border: 1px solid #ccc;
+ background: #eee;
+ font-weight: bold;
+ color: #444;
+ text-decoration: none;
+ text-shadow: 0 1px 1px #f6f6f6;
}
.ui-btn-up-f a.ui-link-inherit {
- color: #333;
+ color: #333;
}
.ui-btn-hover-f {
- border: 1px solid #bbb;
- background: #dadada;
- font-weight: bold;
- color: #101010;
- cursor: pointer;
- text-shadow: 0 1px 1px #fff;
- text-decoration: none;
- background-image: -moz-linear-gradient(top,
- #ededed,
- #dadada);
- background-image: -webkit-gradient(linear,left top,left bottom,
- color-stop(0, #ededed),
- color-stop(1, #dadada));
- -msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#dadada')";
+ border: 1px solid #bbb;
+ background: #dadada;
+ font-weight: bold;
+ color: #101010;
+ cursor: pointer;
+ text-shadow: 0 1px 1px #fff;
+ text-decoration: none;
+ background-image: -moz-linear-gradient(top, #ededed, #dadada);
+ background-image: -webkit-gradient(linear,left top,left bottom,
+ color-stop(0, #ededed),
+ color-stop(1, #dadada)
+ );
+ -msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#dadada')";
}
.ui-btn-hover-f a.ui-link-inherit {
- color: #222;
+ color: #222;
}
.ui-btn-down-f {
- border: 1px solid #808080;
- background: #fdfdfd;
- font-weight: bold;
- color: #111;
- text-shadow: 0 1px 1px #ffffff;
- background-image: -moz-linear-gradient(top,
- #eeeeee,
- #fdfdfd);
- background-image: -webkit-gradient(linear,left top,left bottom,
- color-stop(0, #eeeeee),
- color-stop(1, #fdfdfd));
- -msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#fdfdfd')";
+ border: 1px solid #808080;
+ background: #fdfdfd;
+ font-weight: bold;
+ color: #111;
+ text-shadow: 0 1px 1px #ffffff;
+ background-image: -moz-linear-gradient(top, #eeeeee, #fdfdfd);
+ background-image: -webkit-gradient(linear,left top,left bottom,
+ color-stop(0, #eeeeee),
+ color-stop(1, #fdfdfd)
+ );
+ -msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#fdfdfd')";
}
.ui-btn-down-f a.ui-link-inherit {
- border: 1px solid #808080;
- background: #ced0d2;
- font-weight: bold;
- color: #111;
- text-shadow: none;
- background-image: -moz-linear-gradient(top,
- #cccccc,
- #eeeeee);
- background-image: -webkit-gradient(linear,left top,left bottom,
- color-stop(0, #cccccc),
- color-stop(1, #eeeeee));
- -msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#eeeeee')";
+ border: 1px solid #808080;
+ background: #ced0d2;
+ font-weight: bold;
+ color: #111;
+ text-shadow: none;
+ background-image: -moz-linear-gradient(top, #cccccc, #eeeeee);
+ background-image: -webkit-gradient(linear,left top,left bottom,
+ color-stop(0, #cccccc),
+ color-stop(1, #eeeeee)
+ );
+ -msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#eeeeee')";
}
.ui-btn-up-f,
.ui-btn-hover-f,
.ui-btn-down-f {
- font-family: Helvetica, Arial, sans-serif;
+ font-family: Helvetica, Arial, sans-serif;
}
.ui-link:link {
-color: #4265AE;
+ color: #4265AE;
}
.ui-link:visited {
-color: #603E7D;
-font-weight: bold;
+ color: #603E7D;
+ font-weight: bold;
}
変更: branches/version-2_12-dev/html/user_data/packages/sphone/css/mypage.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/sphone/css/mypage.css 2012-03-07 19:17:59 UTC (rev 21616)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/mypage.css 2012-03-07 19:55:00 UTC (rev 21617)
@@ -8,226 +8,226 @@
MYページ汎用
----------------------------------------------- */
#mypagecolumn {
-width: 100%;
-padding-bottom: 35px;
+ width: 100%;
+ padding-bottom: 35px;
}
#mypagecolumn h2.title {
-font-size: 18px;
-border-bottom: #CCC solid 1px;
--webkit-box-shadow: none;
--moz-box-shadow: none;
-margin-bottom: 0!important;
+ font-size: 18px;
+ border-bottom: #CCC solid 1px;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ margin-bottom: 0!important;
}
h3.title_mypage {
-font-size: 18px;
-line-height: 1.2;
-margin-bottom: 10px;
-padding: 10px 10px 15px 25px;
-background: url(../img/common/bg_tit_bar.png) 10px 12px no-repeat;
--webkit-box-shadow: 1px 5px 5px #E2E2E2;
--moz-box-shadow: 1px 5px 5px #E2E2E2;
+ font-size: 18px;
+ line-height: 1.2;
+ margin-bottom: 10px;
+ padding: 10px 10px 15px 25px;
+ background: url(../img/common/bg_tit_bar.png) 10px 12px no-repeat;
+ -webkit-box-shadow: 1px 5px 5px #E2E2E2;
+ -moz-box-shadow: 1px 5px 5px #E2E2E2;
}
/**イントロダクション*/
#mypagecolumn .information {
-font-size: 12px;
-padding: 10px 10px 0 10px;
-border-bottom: 0;
-font-weight: normal;
+ font-size: 12px;
+ padding: 10px 10px 0 10px;
+ border-bottom: 0;
+ font-weight: normal;
}
#mypagecolumn .information p:first-child {
-font-size: 14px;
-font-weight: bold;
-margin-bottom: 0;
+ font-size: 14px;
+ font-weight: bold;
+ margin-bottom: 0;
}
/*-----------------------------------------------
MYページナビ
----------------------------------------------- */
#mypage_nav {
-width: 100%;
-background: #DAE0E5;
-background: -moz-linear-gradient(center top, #FDFDFD 0%,#DAE0E5 90%,#DAE0E5 0%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(0.9, #DAE0E5),color-stop(0, #DAE0E5));
-margin-bottom: 15px;
--webkit-box-shadow: 1px 5px 5px #EEEEEE;
--moz-box-shadow: 1px 5px 5px #EEEEEE;
+ width: 100%;
+ background: #DAE0E5;
+ background: -moz-linear-gradient(center top, #FDFDFD 0%,#DAE0E5 90%,#DAE0E5 0%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(0.9, #DAE0E5),color-stop(0, #DAE0E5));
+ margin-bottom: 15px;
+ -webkit-box-shadow: 1px 5px 5px #EEEEEE;
+ -moz-box-shadow: 1px 5px 5px #EEEEEE;
}
#mypage_nav ul {
-width: auto;
-clear: both;
-margin: 0 auto;
+ width: auto;
+ clear: both;
+ margin: 0 auto;
}
#mypage_nav ul li {
-float: left;
-text-align: center;
-border-left: #FFF solid 1px;
-border-right: #CCC solid 1px;
-border-bottom: #CCC solid 1px;
-white-space: nowrap;
+ float: left;
+ text-align: center;
+ border-left: #FFF solid 1px;
+ border-right: #CCC solid 1px;
+ border-bottom: #CCC solid 1px;
+ white-space: nowrap;
}
#mypage_nav ul li a {
-color: #000;
-padding: 9px 0 8px 0;
-display: block;
-text-shadow: 0px -1px 1px rgba(255,255,255,0.7);
-background-color: #DAE0E5;
-background: -moz-linear-gradient(center top, #EEF0F3 0%,#DAE0E5 90%,#DAE0E5 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEF0F3),color-stop(0.9, #DAE0E5),color-stop(1, #DAE0E5));
+ color: #000;
+ padding: 9px 0 8px 0;
+ display: block;
+ text-shadow: 0px -1px 1px rgba(255,255,255,0.7);
+ background-color: #DAE0E5;
+ background: -moz-linear-gradient(center top, #EEF0F3 0%,#DAE0E5 90%,#DAE0E5 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEF0F3),color-stop(0.9, #DAE0E5),color-stop(1, #DAE0E5));
}
#mypage_nav ul li a:hover {
-color: #FFF;
-text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
-background: #5393c5;
-background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2));
+ color: #FFF;
+ text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
+ background: #5393c5;
+ background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2));
}
#mypage_nav ul li.nav_delivadd,#mypage_nav ul li.nav_change {
-width: 49.7%;
+ width: 49.7%;
}
#mypage_nav ul li.nav_history,#mypage_nav ul li.nav_favorite,#mypage_nav ul li.nav_refusal {
-width: 33%;
+ width: 33%;
}
#mypage_nav li:first-child {
-border-left: none;
+ border-left: none;
}
#mypage_nav li:nth-child(3) {
-border-top: #FFF solid 1px;
-border-left: none;
+ border-top: #FFF solid 1px;
+ border-left: none;
}
#mypage_nav li:nth-child(4),#mypage_nav li:nth-child(5) {
-border-top: #FFF solid 1px;
+ border-top: #FFF solid 1px;
}
#mypage_nav li:last-child,#mypage_nav li:nth-child(2) {
-border-right: none;
+ border-right: none;
}
/* -----------------------------------------------
購入履歴詳細
----------------------------------------------- */
#mypagecolumn .cartitemBox {
-padding: 10px 0;
+ padding: 10px 0;
}
#historyBox {
-padding: 10px 10px 5px;
-background: #F7F5F0;
-border: #A9ABAD solid 1px;
-border-radius: 7px;
--moz-border-radius: 7px;
--webkit-border-radius: 7px;
-margin-bottom: 10px;
+ padding: 10px 10px 5px;
+ background: #F7F5F0;
+ border: #A9ABAD solid 1px;
+ border-radius: 7px;
+ -moz-border-radius: 7px;
+ -webkit-border-radius: 7px;
+ margin-bottom: 10px;
}
#historyBox p {
-font-size: 12px;
-width: 70%;
-display: inline;
-float: left;
+ font-size: 12px;
+ width: 70%;
+ display: inline;
+ float: left;
}
#historyBox .btn_reorder {
-width: 5em;
-float: right;
-padding: 15px;
-display: inline;
-margin: 0;
+ width: 5em;
+ float: right;
+ padding: 15px;
+ display: inline;
+ margin: 0;
}
#mypagecolumn .cartinContents div {
-min-height: 65px;
+ min-height: 65px;
}
#mypagecolumn .cartinContents ul li.result {
-padding-top: 0!important;
-padding-left: 1em;
+ padding-top: 0!important;
+ padding-left: 1em;
}
/*メール履歴詳細*/
#news_area li {
-padding: 10px;
-display: block;
-clear: both;
-line-height: 1.3;
-background-color: #FEFEFE;
-background: -moz-linear-gradient(center top, #FEFEFE 0%,#eeeeee 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #eeeeee));
-border-top: #FFF solid 1px;
-border-bottom: #CCC solid 1px;
+ padding: 10px;
+ display: block;
+ clear: both;
+ line-height: 1.3;
+ background-color: #FEFEFE;
+ background: -moz-linear-gradient(center top, #FEFEFE 0%,#eeeeee 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #eeeeee));
+ border-top: #FFF solid 1px;
+ border-bottom: #CCC solid 1px;
}
/* -----------------------------------------------
お気に入り
----------------------------------------------- */
.favoriteBox {
-padding: 10px;
-border-bottom: #CCC solid 1px;
-clear: both;
-position: relative;
+ padding: 10px;
+ border-bottom: #CCC solid 1px;
+ clear: both;
+ position: relative;
}
.favoriteBox:last-child {
-border-bottom: none;
+ border-bottom: none;
}
.favoriteBox .photoL {
-width: 80px;
+ width: 80px;
}
.favoriteContents {
-width: 65%;
-float: right;
-display: block;
-position: relative;
+ width: 65%;
+ float: right;
+ display: block;
+ position: relative;
}
.favoriteContents h4 {
-margin-right: 30px;
+ margin-right: 30px;
}
.favoriteContents .btn_delete {
-padding: 1px;
-right: 0;
-float: right;
-position: absolute;
-top: 0;
+ padding: 1px;
+ right: 0;
+ float: right;
+ position: absolute;
+ top: 0;
}
/* -----------------------------------------------
会員登録内容変更
----------------------------------------------- */
#mypagecolumn .thankstext {
-padding: 15px 10px 10px 10px;
+ padding: 15px 10px 10px 10px;
}
/* -----------------------------------------------
お届け先追加・変更
----------------------------------------------- */
#mypagecolumn .btn_area_top {
-margin-top: 10px;
+ margin-top: 10px;
}
.delivBox {
-padding: 10px 10px 5px 10px;
-border-bottom: #CCC solid 1px;
-clear: both;
-position: relative;
+ padding: 10px 10px 5px 10px;
+ border-bottom: #CCC solid 1px;
+ clear: both;
+ position: relative;
}
.delivBox:last-child {
-border-bottom: none;
+ border-bottom: none;
}
/* -----------------------------------------------
退会手続き
----------------------------------------------- */
.refusetxt {
-padding: 15px 10px 10px 10px;
+ padding: 15px 10px 10px 10px;
}
.refusetxt p:first-child {
-margin-bottom: 10px;
+ margin-bottom: 10px;
}
.btn_refuse {
-padding: 0;
-margin: 20px auto 0 auto;
+ padding: 0;
+ margin: 20px auto 0 auto;
}
.btn_refuse li {
-display: inline-block;
-vertical-align: middle;
+ display: inline-block;
+ vertical-align: middle;
}
.btn_refuse a.btn, .btn_refuse input[type="submit"].btn {
-font-size: 13px!important;
-display: inline;
+ font-size: 13px!important;
+ display: inline;
}
.btn_refuse li:first-child {
-margin-right: 1em;
+ margin-right: 1em;
}
\ No newline at end of file
変更: branches/version-2_12-dev/html/user_data/packages/sphone/css/popup.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/sphone/css/popup.css 2012-03-07 19:17:59 UTC (rev 21616)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/popup.css 2012-03-07 19:55:00 UTC (rev 21617)
@@ -8,135 +8,135 @@
ポップアップ画面
----------------------------------------------- */
#windowcolumn {
-background: #FFF;
-padding-bottom: 30px;
+ background: #FFF;
+ padding-bottom: 30px;
}
#windowcolumn h2.title,#slidewindow h2.title {
}
#slidewindow .title_box,#windowcolumn .title_box {
-margin: 0;
-padding: 0!important;
-text-align: center;
-clear: both;
+ margin: 0;
+ padding: 0!important;
+ text-align: center;
+ clear: both;
}
/**イントロダクション*/
#windowcolumn .information {
-padding: 15px 10px;
-border-bottom: none;
+ padding: 15px 10px;
+ border-bottom: none;
}
/* -----------------------------------------------
スライド画面
----------------------------------------------- */
#slidewindow {
-background: #F0F0F1;
+ background: #F0F0F1;
}
/*jqm追記*/
.ui-btn-right {
-top: 9px!important;
-vertical-align: middle;
+ top: 9px!important;
+ vertical-align: middle;
}
/* -----------------------------------------------
ログイン
----------------------------------------------- */
.login_area {
-background: #FFF;
-padding: 10px 15px;
-text-align: center;
--webkit-box-shadow: 1px 5px 5px #ccc;
--moz-box-shadow: 1px 5px 5px #ccc;
+ background: #FFF;
+ padding: 10px 15px;
+ text-align: center;
+ -webkit-box-shadow: 1px 5px 5px #ccc;
+ -moz-box-shadow: 1px 5px 5px #ccc;
}
.login_area_btm {
-padding: 15px 15px 50px 15px;
+ padding: 15px 15px 50px 15px;
}
.login_area_btm p:last-child {
-width: 95%;
-margin: 0 auto;
-line-height: 1.3;
+ width: 95%;
+ margin: 0 auto;
+ line-height: 1.3;
}
.loginareaBox {
-padding: 15px 20px;
-margin: 0 auto 0 -10px;
-display: block;
-clear: both;
-border-radius: 7px;
--moz-border-radius: 7px;
--webkit-border-radius: 7px;
-text-align: center;
-position: relative;
+ padding: 15px 20px;
+ margin: 0 auto 0 -10px;
+ display: block;
+ clear: both;
+ border-radius: 7px;
+ -moz-border-radius: 7px;
+ -webkit-border-radius: 7px;
+ text-align: center;
+ position: relative;
}
.mailtextBox {
-width: 97%;
-margin: 0;
-padding: 10px;
-background: #fff;
-border-radius: 7px 7px 0 0;
--moz-border-radius: 7px 7px 0 0;
--webkit-border-radius: 7px 7px 0 0;
-border: #A9ABAD solid 1px;
-border-bottom: none!important;
-display: block;
--webkit-box-shadow: none;
--moz-box-shadow: none;
+ width: 97%;
+ margin: 0;
+ padding: 10px;
+ background: #fff;
+ border-radius: 7px 7px 0 0;
+ -moz-border-radius: 7px 7px 0 0;
+ -webkit-border-radius: 7px 7px 0 0;
+ border: #A9ABAD solid 1px;
+ border-bottom: none!important;
+ display: block;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
}
.passtextBox {
-width: 97%;
-margin: 0;
-padding: 10px;
-background: #fff;
-border-radius: 0 0 7px 7px;
--moz-border-radius: 0 0 7px 7px;
--webkit-border-radius: 0 0 7px 7px;
-border: #A9ABAD solid 1px;
-display: block;
--webkit-box-shadow: none;
--moz-box-shadow: none;
+ width: 97%;
+ margin: 0;
+ padding: 10px;
+ background: #fff;
+ border-radius: 0 0 7px 7px;
+ -moz-border-radius: 0 0 7px 7px;
+ -webkit-border-radius: 0 0 7px 7px;
+ border: #A9ABAD solid 1px;
+ display: block;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
}
.navBox {
-width: 95%;
-margin: 10px auto;
-background: #FFF;
-border-radius: 7px;
--moz-border-radius: 7px;
--webkit-border-radius: 7px;
-display: block;
-border: #A9ABAD solid 1px;
+ width: 95%;
+ margin: 10px auto;
+ background: #FFF;
+ border-radius: 7px;
+ -moz-border-radius: 7px;
+ -webkit-border-radius: 7px;
+ display: block;
+ border: #A9ABAD solid 1px;
}
.navBox li {
-width: 100%;
-vertical-align: middle;
-background: url(../img/common/ico_arrowR.png) 95% center no-repeat;
-padding: 0;
-display: block;
-border-bottom: #CCC solid 1px;
+ width: 100%;
+ vertical-align: middle;
+ background: url(../img/common/ico_arrowR.png) 95% center no-repeat;
+ padding: 0;
+ display: block;
+ border-bottom: #CCC solid 1px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
-.navBox li {
-background: url(../img/common/ico_arrowR2.png) 95% center no-repeat;
--webkit-background-size: 10px 15px;
-background-size: 10px 15px;
+ .navBox li {
+ background: url(../img/common/ico_arrowR2.png) 95% center no-repeat;
+ -webkit-background-size: 10px 15px;
+ background-size: 10px 15px;
+ }
}
-}
.navBox li a {
-padding: 10px;
-display: block;
-cursor: pointer;
+ padding: 10px;
+ display: block;
+ cursor: pointer;
}
input[type="submit"].nav_nonmember {
-width: 100%;
-padding: 10px;
-font-weight: bold;
-background: none;
-border: none;
-display: block;
-text-align: left;
+ width: 100%;
+ padding: 10px;
+ font-weight: bold;
+ background: none;
+ border: none;
+ display: block;
+ text-align: left;
}
.navBox li:last-child {
-border-bottom: none;
+ border-bottom: none;
}
.navBox li a:link, .navBox li a:visited {
-color: #000;
+ color: #000;
}
@@ -144,38 +144,38 @@
パスワードを忘れた方
----------------------------------------------- */
.window_area {
-margin-bottom: 10px;
-padding: 5px 0;
-border-top: #999 solid 1px;
-border-bottom: #999 solid 1px;
+ margin-bottom: 10px;
+ padding: 5px 0;
+ border-top: #999 solid 1px;
+ border-bottom: #999 solid 1px;
}
.window_area p {
-padding: 5px 10px;
-line-height: 1.3;
+ padding: 5px 10px;
+ line-height: 1.3;
}
.window_area #completebox {
-border: none;
-font-size: 16px;
-font-weight: bold;
-color: #CC0000;
-text-align: center;
-padding: 20px 10px;
--webkit-box-shadow: none;
-width: 10em;
-margin: auto;
-display: block;
+ border: none;
+ font-size: 16px;
+ font-weight: bold;
+ color: #CC0000;
+ text-align: center;
+ padding: 20px 10px;
+ -webkit-box-shadow: none;
+ width: 10em;
+ margin: auto;
+ display: block;
}
/* -----------------------------------------------
ビュー画面
----------------------------------------------- */
.view_detail {
-margin: 0;
-min-height: 150px;
+ margin: 0;
+ min-height: 150px;
}
.view_detail dt {
-padding: 10px 12px;
-border-bottom: #CCC solid 1px;
+ padding: 10px 12px;
+ border-bottom: #CCC solid 1px;
}
.view_detail dd {
-padding: 10px 12px;
+ padding: 10px 12px;
}
変更: branches/version-2_12-dev/html/user_data/packages/sphone/css/products.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/sphone/css/products.css 2012-03-07 19:17:59 UTC (rev 21616)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/products.css 2012-03-07 19:55:00 UTC (rev 21617)
@@ -10,585 +10,585 @@
商品一覧・商品詳細・商品検索結果共通
----------------------------------------------- */
.pagenumberarea {
-margin-top: 10px;
-padding: 10px 0;
-box-shadow: 0 1px 1px 1px rgba(255,255,255,1) inset;
--webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,1) inset;
--moz-box-shadow: 0 1px 1px rgba(255,255,255,1) inset;
-border-top: 1px solid #CCC;
-border-bottom: 1px solid #CCC;
-background: #EEE;
-display: block;
+ margin-top: 10px;
+ padding: 10px 0;
+ box-shadow: 0 1px 1px 1px rgba(255,255,255,1) inset;
+ -webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,1) inset;
+ -moz-box-shadow: 0 1px 1px rgba(255,255,255,1) inset;
+ border-top: 1px solid #CCC;
+ border-bottom: 1px solid #CCC;
+ background: #EEE;
+ display: block;
}
.pagenumberarea ul {
-width: 95%;
-margin: 0 auto;
-border: #A9ABAD solid 1px;
-border-radius: 5px;
--webkit-border-radius: 5px;
--moz-border-radius: 5px;
-display: block;
+ width: 95%;
+ margin: 0 auto;
+ border: #A9ABAD solid 1px;
+ border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ display: block;
}
.pagenumberarea li {
-color: #000;
-font-size: 16px;
-font-weight: bold;
-margin: 0;
-padding: 0;
-display: inline;
-float: left;
-width: 50%;
-text-align: center;
-color: #FFF;
-background: #5393c5;
-background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2));
-text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
+ color: #000;
+ font-size: 16px;
+ font-weight: bold;
+ margin: 0;
+ padding: 0;
+ display: inline;
+ float: left;
+ width: 50%;
+ text-align: center;
+ color: #FFF;
+ background: #5393c5;
+ background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2));
+ text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
.pagenumberarea li a:link, .pagenumberarea li a:visited {
-color: #000;
+ color: #000;
}
.pagenumberarea li a {
-color: #FFF;
-display: block;
-padding: 5px 0;
-text-decoration: none;
-text-shadow: 1px 1px 1px rgba(255,255,255,1);
+ color: #FFF;
+ display: block;
+ padding: 5px 0;
+ text-decoration: none;
+ text-shadow: 1px 1px 1px rgba(255,255,255,1);
}
.pagenumberarea li.on_number {
-color: #FFF;
-display: block;
-padding: 5px 0;
-text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
+ color: #FFF;
+ display: block;
+ padding: 5px 0;
+ text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
.pagenumberarea li:first-child {
-border-radius: 5px 0 0 5px;
--moz-border-radius: 5px 0 0 5px;
--webkit-border-radius: 5px 0 0 5px;
+ border-radius: 5px 0 0 5px;
+ -moz-border-radius: 5px 0 0 5px;
+ -webkit-border-radius: 5px 0 0 5px;
}
.pagenumberarea li:last-child {
-border-radius: 0 5px 5px 0;
--moz-border-radius: 0 5px 5px 0;
--webkit-border-radius: 0 5px 5px 0;
+ border-radius: 0 5px 5px 0;
+ -moz-border-radius: 0 5px 5px 0;
+ -webkit-border-radius: 0 5px 5px 0;
}
.pagenumberarea li:first-child a {
-border-radius: 5px 0 0 5px;
--moz-border-radius: 5px 0 0 5px;
--webkit-border-radius: 5px 0 0 5px;
-border-right: #A9ABAD solid 1px;
-text-shadow: 1px 1px 1px rgba(255,255,255,1);
-background: #FDFDfD;
-background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3));
+ border-radius: 5px 0 0 5px;
+ -moz-border-radius: 5px 0 0 5px;
+ -webkit-border-radius: 5px 0 0 5px;
+ border-right: #A9ABAD solid 1px;
+ text-shadow: 1px 1px 1px rgba(255,255,255,1);
+ background: #FDFDfD;
+ background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3));
}
.pagenumberarea li:last-child a {
-border-radius: 0 5px 5px 0;
--moz-border-radius: 0 5px 5px 0;
--webkit-border-radius: 0 5px 5px 0;
-border-left: #FFF solid 1px;
-text-shadow: 1px 1px 1px rgba(255,255,255,1);
-background: #FDFDfD;
-background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3));
-box-shadow: 1px 0px 1px 1px rgba(255,255,255,1) inset;
--webkit-box-shadow: 1px 0px 1px 0px rgba(255,255,255,1) inset;
--moz-box-shadow: 1px 1px 1px 0px rgba(255,255,255,1) inset;
+ border-radius: 0 5px 5px 0;
+ -moz-border-radius: 0 5px 5px 0;
+ -webkit-border-radius: 0 5px 5px 0;
+ border-left: #FFF solid 1px;
+ text-shadow: 1px 1px 1px rgba(255,255,255,1);
+ background: #FDFDfD;
+ background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3));
+ box-shadow: 1px 0px 1px 1px rgba(255,255,255,1) inset;
+ -webkit-box-shadow: 1px 0px 1px 0px rgba(255,255,255,1) inset;
+ -moz-box-shadow: 1px 1px 1px 0px rgba(255,255,255,1) inset;
}
.pagenumberarea li.on_number {
-color: #FFF;
-text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
-background: #5393c5;
-background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2));
+ color: #FFF;
+ text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
+ background: #5393c5;
+ background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2));
}
ul.status_icon {
-clear: both;
+ clear: both;
}
ul.status_icon li {
-color: #FFF;
-background: #9AAABD;
-display: inline;
-float: left;
-margin-right :5px;
-margin-bottom: 2px;
-padding: 2px 5px;
-font-size: 11px;
-text-shadow: none;
+ color: #FFF;
+ background: #9AAABD;
+ display: inline;
+ float: left;
+ margin-right :5px;
+ margin-bottom: 2px;
+ padding: 2px 5px;
+ font-size: 11px;
+ text-shadow: none;
}
/* -----------------------------------------------
商品一覧
----------------------------------------------- */
#product_list {
-padding-bottom: 35px;
+ padding-bottom: 35px;
}
/* アイテムリスト(div)の処理
----------------------------------------------- */
.list_area {
-margin: 0;
-padding: 10px 5px 15px 10px;
-background-color: #FEFEFE;
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #EEEEEE));
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #EEEEEE));
-border-top: #FFF solid 1px;
-border-bottom: #CCC solid 1px;
-display: block;
-clear: both;
-position: relative;
-cursor: pointer;
+ margin: 0;
+ padding: 10px 5px 15px 10px;
+ background-color: #FEFEFE;
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #EEEEEE));
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #EEEEEE));
+ border-top: #FFF solid 1px;
+ border-bottom: #CCC solid 1px;
+ display: block;
+ clear: both;
+ position: relative;
+ cursor: pointer;
}
.list_area ul.status_icon {
-margin-bottom: 5px;
+ margin-bottom: 5px;
}
.listphoto {
-margin: 0 10px 10px 0;
-float: left;
-clear: left;
+ margin: 0 10px 10px 0;
+ float: left;
+ clear: left;
}
.listrightblock {
-width: 67%;
-float: right;
-padding-right: 10px;
+ width: 67%;
+ float: right;
+ padding-right: 10px;
}
.listrightblock h3 {
-font-size: 15px;
-clear: both;
+ font-size: 15px;
+ clear: both;
}
.listrightblock .listcomment {
-line-height: 1.4;
+ line-height: 1.4;
}
/* -----------------------------------------------
商品詳細
----------------------------------------------- */
#product_detail {
-padding-bottom: 35px;
+ padding-bottom: 35px;
}
/*商品情報*/
#detailarea {
-background: #F0F0F1;
-padding: 20px 10px 35px 10px;
+ background: #F0F0F1;
+ padding: 20px 10px 35px 10px;
}
#detailrightblock {
-margin-top: 25px;
-padding: 0;
-background: #FFF;
-border: #CCC solid 1px;
-border-radius: 7px;
--moz-border-radius: 7px;
--webkit-border-radius: 7px;
+ margin-top: 25px;
+ padding: 0;
+ background: #FFF;
+ border: #CCC solid 1px;
+ border-radius: 7px;
+ -moz-border-radius: 7px;
+ -webkit-border-radius: 7px;
}
#detailrightblock div:after {
-content: ".";
-display: block;
-clear: both;
-height: 0;
-visibility: hidden;
+ content: ".";
+ display: block;
+ clear: both;
+ height: 0;
+ visibility: hidden;
}
#detailrightblock div {
-border-bottom: #CCC solid 1px;
+ border-bottom: #CCC solid 1px;
}
#detailrightblock div#cartbtn_default {
-border-bottom: none;
+ border-bottom: none;
}
#detailrightblock div:last-child {
-border-bottom: none;
-border-radius: 0 0 7px 7px;
--moz-border-radius: 0 0 7px 7px;
--webkit-border-radius: 0 0 7px 7px;
+ border-bottom: none;
+ border-radius: 0 0 7px 7px;
+ -moz-border-radius: 0 0 7px 7px;
+ -webkit-border-radius: 0 0 7px 7px;
}
/* 商品ステータスアイコン */
#detailrightblock .status_icon {
-padding: 10px 12px;
-border-bottom: #CCC solid 1px;
+ padding: 10px 12px;
+ border-bottom: #CCC solid 1px;
}
/*商品情報（テキストなど）*/
#detailrightblock .product_detail {
-padding: 12px;
-border-bottom: #CCC solid 1px;
+ padding: 12px;
+ border-bottom: #CCC solid 1px;
}
#detailrightblock h3 {
-font-size: 14px;
-clear: both;
+ font-size: 14px;
+ clear: both;
}
#detailrightblock .price {
-font-size: 14px;
+ font-size: 14px;
}
#detailrightblock .normal_price {
-font-size: 11px;
+ font-size: 11px;
}
.relative_cat {
-font-size: 12px;
-margin-bottom: 10px;
+ font-size: 12px;
+ margin-bottom: 10px;
}
/*商品情報（規格部分）*/
.cart_area {
-padding: 12px;
+ padding: 12px;
}
.cart_area dl {
-margin: 0;
-padding: 0;
+ margin: 0;
+ padding: 0;
}
.cart_area dt {
-margin: 0;
-font-weight: bold;
-line-height: 1.3;
+ margin: 0;
+ font-weight: bold;
+ line-height: 1.3;
}
.cart_area dd {
-padding: 0;
-clear: both;
-padding-bottom: 5px;
+ padding: 0;
+ clear: both;
+ padding-bottom: 5px;
}
.cart_area dd:last-child {
-padding-bottom: 0;
+ padding-bottom: 0;
}
/*商品情報（数量）*/
.cartin_btn {
-padding: 15px 15px 15px 8px;
-background: #F1F0E7;
-border-top: #FFF solid 1px;
+ padding: 15px 15px 15px 8px;
+ background: #F1F0E7;
+ border-top: #FFF solid 1px;
}
.cartin_btn dl {
-width: 40%;
-float: left;
-clear: left;
+ width: 40%;
+ float: left;
+ clear: left;
}
.cartin_btn dt {
-width: 2em;
-float: left;
-padding: 15px 5px 0 5px;
-line-height: 1.1;
-font-weight: bold;
+ width: 2em;
+ float: left;
+ padding: 15px 5px 0 5px;
+ line-height: 1.1;
+ font-weight: bold;
}
.cartin_btn dd {
-width: 3.2em;
-display: inline;
-float: left;
-padding-top: 5px;
+ width: 3.2em;
+ display: inline;
+ float: left;
+ padding-top: 5px;
}
.detail_quantity dd .quantitybox {
-width: 3em;
+ width: 3em;
}
.cartbtn_default {
-width: 54%;
-float: right;
-clear: right;
+ width: 54%;
+ float: right;
+ clear: right;
}
/*お気に入り*/
.btn_favorite {
-padding: 10px 15px;
-background: #F1F0E7;
+ padding: 10px 15px;
+ background: #F1F0E7;
}
/*サブエリア*/
.subarea {
-padding: 0 10px 20px 10px;
-margin-bottom: 15px;
-border-bottom: #CCC solid 1px;
-clear: both;
+ padding: 0 10px 20px 10px;
+ margin-bottom: 15px;
+ border-bottom: #CCC solid 1px;
+ clear: both;
}
.subarea h3 {
-margin-bottom: 10px;
-padding: 5px 0;
-border-bottom: #CCC solid 1px;
-clear: both;
+ margin-bottom: 10px;
+ padding: 5px 0;
+ border-bottom: #CCC solid 1px;
+ clear: both;
}
.subphotoimg {
-margin-left: 10px;
-float: right;
-clear: right;
+ margin-left: 10px;
+ float: right;
+ clear: right;
}
#sub_area div:last-child {
-border-bottom: none;
+ border-bottom: none;
}
/*商品詳細メイン画像スライド*/
#detailphotoblock {
-width: 100%;
-background-color: #ffffff;
-text-align: center;
--webkit-box-shadow: 1px 5px 5px #ccc;
--moz-box-shadow: 1px 5px 5px #ccc;
-position: relative;
+ width: 100%;
+ background-color: #ffffff;
+ text-align: center;
+ -webkit-box-shadow: 1px 5px 5px #ccc;
+ -moz-box-shadow: 1px 5px 5px #ccc;
+ position: relative;
}
#detailphotoblock div.moveWrap {
-width: 200px;
-height: 220px;
-margin: 0 auto;
-position: relative;
-overflow: hidden;
--webkit-box-sizing: border-box;
+ width: 200px;
+ height: 220px;
+ margin: 0 auto;
+ position: relative;
+ overflow: hidden;
+ -webkit-box-sizing: border-box;
}
#detailphotoblock ul.moveWrapBG {
-width: 200px;
-height: auto;
-visibility: hidden;
-display: inline-block;
-position: relative;
--webkit-box-sizing: border-box;
-margin: 0 auto;
-padding: 0;
+ width: 200px;
+ height: auto;
+ visibility: hidden;
+ display: inline-block;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ margin: 0 auto;
+ padding: 0;
}
#detailphotoblock li {
-width: 200px;
+ width: 200px;
}
#detailphotoblock div.slideMask {
-position: absolute;
-top: 0;
-left: 0;
-/*border:4px #FFF solid;*/
--webkit-box-sizing: border-box;
-margin-right: 0!important;
+ position: absolute;
+ top: 0;
+ left: 0;
+ /*border:4px #FFF solid;*/
+ -webkit-box-sizing: border-box;
+ margin-right: 0!important;
}
#detailphotoblock div.moveWrap>ul.move {
-margin: 0;
-padding: 0;
-position: relative;
-left: 0;
-top: 0;
-list-style: none;
-width: 2000px;
--webkit-transition: all 0.6s ease-in-out;
--webkit-transform: translate3d(0,0,0);
--webkit-transition-duration: 400ms;
--webkit-transition-property: -webkit-transform;
-margin: 0;
-padding: 0;
-display: none;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ left: 0;
+ top: 0;
+ list-style: none;
+ width: 2000px;
+ -webkit-transition: all 0.6s ease-in-out;
+ -webkit-transform: translate3d(0,0,0);
+ -webkit-transition-duration: 400ms;
+ -webkit-transition-property: -webkit-transform;
+ margin: 0;
+ padding: 0;
+ display: none;
}
#detailphotoblock div.moveWrap>ul.move li.slideUnit {
-margin: 0px;
-padding: 0;
-float: left;
-list-style: none;
-text-align: center;
--webkit-box-sizing: border-box;
+ margin: 0px;
+ padding: 0;
+ float: left;
+ list-style: none;
+ text-align: center;
+ -webkit-box-sizing: border-box;
}
#detailphotoblock li.slideUnit>div {
-padding: 0px;
-display: inline-block;
-vertical-align: middle;
-text-align: center;
--webkit-box-sizing: border-box;
+ padding: 0px;
+ display: inline-block;
+ vertical-align: middle;
+ text-align: center;
+ -webkit-box-sizing: border-box;
}
.flickSlideContainer {
}
#detailphotoblock div.flickSlideBottom {
-width: 100%;
+ width: 100%;
}
#detailphotoblock div.flickSlideBottom div.bottomLeft,#detailphotoblock div.flickSlideBottom div.bottomRight {
-padding: 0 10px;
-display: table-cell;
-vertical-align: middle;
+ padding: 0 10px;
+ display: table-cell;
+ vertical-align: middle;
}
#detailphotoblock div.flickSlideBottom div.bottomRight {
-font-size: 24px;
-font-weight: bold;
-color: #7F7F7F;
-background-color: transparent;
-right: 5px;
-top: 100px;
-position: absolute;
+ font-size: 24px;
+ font-weight: bold;
+ color: #7F7F7F;
+ background-color: transparent;
+ right: 5px;
+ top: 100px;
+ position: absolute;
}
#detailphotoblock div.flickSlideBottom div.bottomLeft {
-font-size: 24px;
-font-weight: bold;
-color: #7F7F7F;
-background-color: transparent;
-left: 5px;
-top: 100px;
-position: absolute;
+ font-size: 24px;
+ font-weight: bold;
+ color: #7F7F7F;
+ background-color: transparent;
+ left: 5px;
+ top: 100px;
+ position: absolute;
}
#detailphotoblock div.flickSlideBottom div.bottomLeft:after {
-font-size: 12px;
-padding: 5px;
-text-align: left;
-display: table-cell;
+ font-size: 12px;
+ padding: 5px;
+ text-align: left;
+ display: table-cell;
}
#detailphotoblock div.flickSlideBottom div.bottomLeft:before {
-padding: 5px;
-text-align: left;
-display: table-cell;
+ padding: 5px;
+ text-align: left;
+ display: table-cell;
}
#detailphotoblock div.flickSlideBottom div.bottomRight:before {
-font-size: 12px;
-padding: 5px;
-text-align: right;
-display: table-cell;
+ font-size: 12px;
+ padding: 5px;
+ text-align: right;
+ display: table-cell;
}
#detailphotoblock div.flickSlideBottom div.bottomRight:after {
-padding: 5px;
-text-align: right;
-display: table-cell;
+ padding: 5px;
+ text-align: right;
+ display: table-cell;
}
#detailphotoblock div.flickSlideBottom ul.slidePager {
-display: block;
-width: auto;
-text-align: center;
-margin: 0 auto;;
-padding: 0;
+ display: block;
+ width: auto;
+ text-align: center;
+ margin: 0 auto;;
+ padding: 0;
}
#detailphotoblock div.flickSlideBottom ul.slidePager li.slidePagerPointer {
-font-size: 11px;
-width: 6px;
-height: 6px;
-margin: 0 6px 10px 6px;
-display: inline-block;
-background-color: #CCC;
-border-radius: 6px;
--webkit-border-radius: 6px;
--moz-border-radius: 6px;
+ font-size: 11px;
+ width: 6px;
+ height: 6px;
+ margin: 0 6px 10px 6px;
+ display: inline-block;
+ background-color: #CCC;
+ border-radius: 6px;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
}
#detailphotoblock div.flickSlideBottom ul.slidePager li.slidePagerPointer.active {
-background-color: #333;
+ background-color: #333;
}
/*その他オススメ商品スライド*/
#product_detail .title_box_sub:last-child {
-margin-top: 20px;
+ margin-top: 20px;
}
#whobought_area {
-width: 100%;
-margin-top: 15px;
-margin-bottom: 15px;
-clear: both;
-position: relative;
+ width: 100%;
+ margin-top: 15px;
+ margin-bottom: 15px;
+ clear: both;
+ position: relative;
}
#whobought_area h3 {
-clear: both;
-line-height: 1.2;
+ clear: both;
+ line-height: 1.2;
}
/*liの長さ追加*/
#whobought_area li {
-width: 80px;
+ width: 80px;
}
#whobought_area li img {
-margin-bottom: 5px;
-clear: both;
+ margin-bottom: 5px;
+ clear: both;
}
#whobought_area .sale_price {
-clear: both;
-float: right;
-text-align: right;
+ clear: both;
+ float: right;
+ text-align: right;
}
#whobought_area div.moveWrap {
-width: 80%;
-height: auto;
-position: relative;
-margin: 0 auto;
-overflow: hidden;
--webkit-box-sizing: border-box;
+ width: 80%;
+ height: auto;
+ position: relative;
+ margin: 0 auto;
+ overflow: hidden;
+ -webkit-box-sizing: border-box;
}
#whobought_area ul.moveWrapBG {
-width: auto;
-height: auto;
-display: inline-block;
-position: relative;
-visibility: hidden;
--webkit-box-sizing: border-box;
-margin: 0;
-padding: 0;
+ width: auto;
+ height: auto;
+ display: inline-block;
+ position: relative;
+ visibility: hidden;
+ -webkit-box-sizing: border-box;
+ margin: 0;
+ padding: 0;
}
#whobought_area div.slideMask {
-position: absolute;
-top: 0;
-left: 0;
-border: 4px #FFF solid;
--webkit-box-sizing: border-box;
-margin-right: 1px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border: 4px #FFF solid;
+ -webkit-box-sizing: border-box;
+ margin-right: 1px;
}
#whobought_area div.moveWrap>ul.move {
-width: 600px;
-margin: 0;
-padding: 0;
-position: relative;
-left: 0;
-top: 0;
-list-style: none;
--webkit-transition: all 0.6s ease-in-out;
--webkit-transform: translate3d(0,0,0);
-/*-webkit-transition-duration: 400ms;
--webkit-transition-property: -webkit-transform;
-*/
-margin: 0;
-padding: 0;
-display: none;
+ width: 600px;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ left: 0;
+ top: 0;
+ list-style: none;
+ -webkit-transition: all 0.6s ease-in-out;
+ -webkit-transform: translate3d(0,0,0);
+ /*-webkit-transition-duration: 400ms;
+ -webkit-transition-property: -webkit-transform;
+ */
+ margin: 0;
+ padding: 0;
+ display: none;
}
#whobought_area div.moveWrap>ul.move li.slideUnit {
-width: 85px!important;
-float: left;
-display: inline;
-list-style: none;
-padding: 4px 8px 4px 0;
-margin-right: 0px;
--webkit-box-sizing: border-box;
+ width: 85px!important;
+ float: left;
+ display: inline;
+ list-style: none;
+ padding: 4px 8px 4px 0;
+ margin-right: 0px;
+ -webkit-box-sizing: border-box;
}
#whobought_area li.slideUnit>div {
-padding: 4px;
-display: inline;
-vertical-align: middle;
--webkit-box-sizing: border-box;
+ padding: 4px;
+ display: inline;
+ vertical-align: middle;
+ -webkit-box-sizing: border-box;
}
#whobought_area div.flickSlideBottom {
-width: 100%;
-margin-top: 5px;
+ width: 100%;
+ margin-top: 5px;
}
#whobought_area div.flickSlideBottom div.bottomLeft,#whobought_area div.flickSlideBottom div.bottomRight {
-padding: 0 10px;
-display: table-cell;
-vertical-align: middle;
+ padding: 0 10px;
+ display: table-cell;
+ vertical-align: middle;
}
#whobought_area div.flickSlideBottom div.bottomRight {
-font-size: 16px;
-font-weight: bold;
-color: #7F7F7F;
-background-color: transparent;
-right: 0;
-top: 80px;
-position: absolute;
+ font-size: 16px;
+ font-weight: bold;
+ color: #7F7F7F;
+ background-color: transparent;
+ right: 0;
+ top: 80px;
+ position: absolute;
}
#whobought_area div.flickSlideBottom div.bottomLeft {
-font-size: 16px;
-font-weight: bold;
-color: #7F7F7F;
-background-color: transparent;
-left: 0;
-top: 80px;
-position: absolute;
+ font-size: 16px;
+ font-weight: bold;
+ color: #7F7F7F;
+ background-color: transparent;
+ left: 0;
+ top: 80px;
+ position: absolute;
}
#whobought_area div.flickSlideBottom div.bottomLeft:after {
-font-size: 10px;
-padding: 0;
-text-align: left;
-display: table-cell;
+ font-size: 10px;
+ padding: 0;
+ text-align: left;
+ display: table-cell;
}
#whobought_area div.flickSlideBottom div.bottomLeft:before {
-padding: 0;
-text-align: left;
-display: table-cell;
+ padding: 0;
+ text-align: left;
+ display: table-cell;
}
#whobought_area div.flickSlideBottom div.bottomRight:before {
-font-size: 10px;
-padding: 0;
-text-align: right;
-display: table-cell;
+ font-size: 10px;
+ padding: 0;
+ text-align: right;
+ display: table-cell;
}
#whobought_area div.flickSlideBottom div.bottomRight:after {
-padding: 0;
-text-align: right;
-display: table-cell;
+ padding: 0;
+ text-align: right;
+ display: table-cell;
}
#whobought_area div.flickSlideBottom ul.slidePager {
-display: block;
-width: auto;
-text-align: center;
-margin: 0 auto;
-padding: 0;
+ display: block;
+ width: auto;
+ text-align: center;
+ margin: 0 auto;
+ padding: 0;
}
#whobought_area div.flickSlideBottom ul.slidePager li.slidePagerPointer {
-display: none;
+ display: none;
}
変更: branches/version-2_12-dev/html/user_data/packages/sphone/css/set.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/sphone/css/set.css 2012-03-07 19:17:59 UTC (rev 21616)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/set.css 2012-03-07 19:55:00 UTC (rev 21617)
@@ -1,53 +1,53 @@
@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
-margin: 0;
-padding: 0;
-/*font-size: 100%;*/
+ margin: 0;
+ padding: 0;
+ /*font-size: 100%;*/
}
body {
-line-height: 1.0;
--webkit-text-size-adjust: none;
+ line-height: 1.0;
+ -webkit-text-size-adjust: none;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
-display: block;
+ display: block;
}
address,caption,cite,code,dfn,em,strong,th,var {
-font-style: normal;
+ font-style: normal;
}
img {
-border: 0;
-vertical-align: bottom;
+ border: 0;
+ vertical-align: bottom;
}
img a {
-border: 0;
-text-decoration: none;
+ border: 0;
+ text-decoration: none;
}
ul, ol {
-list-style: none;
+ list-style: none;
}
a {
-margin: 0;
-padding: 0;
-font-size: 100%;
-vertical-align: baseline;
-background: transparent;
+ margin: 0;
+ padding: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+ background: transparent;
}
table {
-border-collapse: collapse;
-border-spacing: 0;
+ border-collapse: collapse;
+ border-spacing: 0;
}
input, select {
-font-size: 100%;
+ font-size: 100%;
}
hr {
-display: block;
-height: 1px;
-border: 0;
-border-top: 1px solid #cccccc;
-margin: 1em 0;
-padding: 0;
+ display: block;
+ height: 1px;
+ border: 0;
+ border-top: 1px solid #cccccc;
+ margin: 1em 0;
+ padding: 0;
}
Svn-src-all メーリングリストの案内