[Svn-src-all:2717] [version-2_12-dev 21616] #1613 (typo修正・ソース整形・ソースコメントの改善)
Seasoft
admin ＠ mail.ec-cube.net
2012年 3月 8日 (木) 04:17:59 JST
Subversion committed to /home/svn/open 21616
http://svn.ec-cube.net/open_trac/changeset/21616
┌────────────────────────────┐
│更新者 : Seasoft │
│更新日時: 2012-03-08 04:17:59 +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/admin_file_manager.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/bloc.css
U branches/version-2_12-dev/html/user_data/packages/default/css/bloc_alpha.css
U branches/version-2_12-dev/html/user_data/packages/default/css/contents.css
U branches/version-2_12-dev/html/user_data/packages/default/css/popup.css
U branches/version-2_12-dev/html/user_data/packages/default/css/reset.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 18:57:49 UTC (rev 21615)
+++ branches/version-2_12-dev/html/user_data/packages/admin/css/admin_contents.css 2012-03-07 19:17:59 UTC (rev 21616)
@@ -43,8 +43,8 @@
margin-bottom: 5px;
}
-.page_rows{
- margin-bottom:20px;
+.page_rows {
+ margin-bottom: 20px;
}
img {
@@ -70,14 +70,14 @@
}
h1 span.title {
- display:block;
+ display: block;
padding-top: 2px;
padding-left: 20px;
background: url('../img/contents/subtitle_back.gif') no-repeat;
}
h1 span.subtitle {
- display:block;
+ display: block;
padding-top: 2px;
padding-left: 10px;
}
@@ -90,7 +90,7 @@
font-size: 100%;
}
-h3{
+h3 {
margin-bottom: 20px;
padding: 5px;
color : #fff;
@@ -167,21 +167,21 @@
width: 200px;
}
-.contents-main .btn-area, #popup .btn-area, #form_edit .btn-area{
+.contents-main .btn-area, #popup .btn-area, #form_edit .btn-area {
margin : 0 0 60px 0;
padding: 20px 0;
clear: both;
width: 100%;
- background:#f5f5f5;
+ background: #f5f5f5;
text-align: center;
}
-.contents-main .btn-area li, #popup .btn-area li, .btn-area li{
+.contents-main .btn-area li, #popup .btn-area li, .btn-area li {
margin-right: 10px;
display: inline;
}
-.addnew{
+.addnew {
margin-bottom: 20px;
}
@@ -400,12 +400,12 @@
font-size: 114%;
}
-a.btn-normal:hover, a.btn-action:hover, a.btn-tool:hover{
+a.btn-normal:hover, a.btn-action:hover, a.btn-tool:hover {
border: solid 1px #d5d7df;
color: #6d728b;
}
-a.btn-tool-format:hover{
+a.btn-tool-format:hover {
border: solid 1px #363a47;
color: #6b728b;
}
@@ -734,7 +734,7 @@
.subnavi-on a:hover {
color: #000;
background-color: #666;
- text-decoration:none;
+ text-decoration: none;
}
.number-on a:visited {
color: #fff;
@@ -846,7 +846,7 @@
padding: 0;
border: 0;
text-align: left;
- width:556px;
+ width: 556px;
z-index: 2;
background: url('../img/contents/admin_login_bg.jpg') center top repeat-x;
-moz-box-shadow: 0 0 5px #000;/* Firefox */
@@ -1108,7 +1108,7 @@
}
#products-category-right .now_dir {
- margin-bottom:20px;
+ margin-bottom: 20px;
padding: 10px;
border: 1px solid #ccc;
}
@@ -1123,13 +1123,13 @@
#products .class-product-type label {
white-space: normal;
}
-#products .list-info{
+#products .list-info {
padding-top: 10px;
border-top: solid 1px #ccc;
}
#products .list-info .btn {
float: left;
- margin-right:20px;
+ margin-right: 20px;
}
#products .list-info p {
float: right;
@@ -1401,18 +1401,18 @@
/*FONT*/
.bold {
- font-weight:bold;
+ font-weight: bold;
}
/* フロート解除 */
.clearfix:after {
- display:block;
- clear:both;
- height:0;
- line-height:0;
- visibility:hidden;
- content:".";
+ display: block;
+ clear: both;
+ height: 0;
+ line-height: 0;
+ visibility: hidden;
+ content: ".";
}
@@ -1500,10 +1500,10 @@
/*以下インストールページと共通■触るべからず*/
#outside {
- margin:0 auto;
- padding:0;
- text-align:center;
- width:100%;
+ margin: 0 auto;
+ padding: 0;
+ text-align: center;
+ width: 100%;
}
/*以上インストールページと共通■触るべからず*/
変更: branches/version-2_12-dev/html/user_data/packages/admin/css/admin_file_manager.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/admin/css/admin_file_manager.css 2012-03-07 18:57:49 UTC (rev 21615)
+++ branches/version-2_12-dev/html/user_data/packages/admin/css/admin_file_manager.css 2012-03-07 19:17:59 UTC (rev 21616)
@@ -3,11 +3,11 @@
height: 430px;
}
#contents-filemanager-right {
- width:720px;
- float:right;
+ width: 720px;
+ float: right;
}
-#tree{
+#tree {
width: 230px;
border: 3px solid #ddd;
padding: 10px;
変更: 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 18:57:49 UTC (rev 21615)
+++ branches/version-2_12-dev/html/user_data/packages/admin/css/thickbox.css 2012-03-07 19:17:59 UTC (rev 21616)
@@ -8,7 +8,7 @@
#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
- color:#666666;
+ color: #666666;
}
#TB_window a:link {color: #666666;}
@@ -22,17 +22,17 @@
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
- z-index:100;
+ z-index: 100;
top: 0px;
left: 0px;
- height:100%;
- width:100%;
+ height: 100%;
+ width: 100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
- background-color:#000;
- filter:alpha(opacity=75);
+ background-color: #000;
+ filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
@@ -46,12 +46,12 @@
position: fixed;
background: #ffffff;
z-index: 102;
- color:#000000;
- display:none;
+ color: #000000;
+ display: none;
border: 4px solid #525252;
- text-align:left;
- top:50%;
- left:50%;
+ text-align: left;
+ top: 50%;
+ left: 50%;
}
* html #TB_window { /* ie6 hack */
@@ -60,7 +60,7 @@
}
#TB_window img#TB_Image {
- display:block;
+ display: block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
@@ -68,58 +68,58 @@
border-left: 1px solid #666;
}
-#TB_caption{
- height:25px;
- padding:7px 30px 10px 25px;
- float:left;
+#TB_caption {
+ height: 25px;
+ padding: 7px 30px 10px 25px;
+ float: left;
}
-#TB_closeWindow{
- height:25px;
- padding:11px 25px 10px 0;
- float:right;
+#TB_closeWindow {
+ height: 25px;
+ padding: 11px 25px 10px 0;
+ float: right;
}
-#TB_closeAjaxWindow{
- padding:7px 10px 5px 0;
- margin-bottom:1px;
- text-align:right;
- float:right;
+#TB_closeAjaxWindow {
+ padding: 7px 10px 5px 0;
+ margin-bottom: 1px;
+ text-align: right;
+ float: right;
}
-#TB_ajaxWindowTitle{
- float:left;
- padding:7px 0 5px 10px;
- margin-bottom:1px;
+#TB_ajaxWindowTitle {
+ float: left;
+ padding: 7px 0 5px 10px;
+ margin-bottom: 1px;
}
-#TB_title{
- background-color:#e8e8e8;
- height:27px;
+#TB_title {
+ background-color: #e8e8e8;
+ height: 27px;
}
-#TB_ajaxContent{
- clear:both;
- padding:2px 15px 15px 15px;
- overflow:auto;
- text-align:left;
- line-height:1.4em;
+#TB_ajaxContent {
+ clear: both;
+ padding: 2px 15px 15px 15px;
+ overflow: auto;
+ text-align: left;
+ line-height: 1.4em;
}
-#TB_ajaxContent.TB_modal{
- padding:15px;
+#TB_ajaxContent.TB_modal {
+ padding: 15px;
}
-#TB_ajaxContent p{
- padding:5px 0px 5px 0px;
+#TB_ajaxContent p {
+ padding: 5px 0px 5px 0px;
}
-#TB_load{
+#TB_load {
position: fixed;
- display:none;
- height:13px;
- width:208px;
- z-index:103;
+ display: none;
+ height: 13px;
+ width: 208px;
+ z-index: 103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
@@ -130,18 +130,18 @@
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
-#TB_HideSelect{
- z-index:99;
- position:fixed;
+#TB_HideSelect {
+ z-index: 99;
+ position: fixed;
top: 0;
left: 0;
- background-color:#fff;
- border:none;
- filter:alpha(opacity=0);
+ background-color: #fff;
+ border: none;
+ filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
- height:100%;
- width:100%;
+ height: 100%;
+ width: 100%;
}
* html #TB_HideSelect { /* ie6 hack */
@@ -149,10 +149,10 @@
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
-#TB_iframeContent{
- clear:both;
- border:none;
- margin-bottom:-1px;
- margin-top:1px;
- _margin-bottom:1px;
+#TB_iframeContent {
+ clear: both;
+ border: none;
+ margin-bottom: -1px;
+ margin-top: 1px;
+ _margin-bottom: 1px;
}
変更: branches/version-2_12-dev/html/user_data/packages/default/css/bloc.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/default/css/bloc.css 2012-03-07 18:57:49 UTC (rev 21615)
+++ branches/version-2_12-dev/html/user_data/packages/default/css/bloc.css 2012-03-07 19:17:59 UTC (rev 21616)
@@ -69,7 +69,7 @@
background: url("../img/icon/ico_arrow_03.gif") no-repeat left;
font-size: 90%;
}
-#container .block_outer .block_body dl.formlist span{
+#container .block_outer .block_body dl.formlist span {
vertical-align: top;
}
@@ -111,11 +111,11 @@
▼ヘッダー上、フッター下のブロックエリア
=============================================== */
div#topcolumn {
- margin:0px;
- clear:both;
+ margin: 0px;
+ clear: both;
}
div#bottomcolumn {
- margin:0px;
+ margin: 0px;
clear: both;
}
@@ -132,11 +132,11 @@
}
#news_area .news_contents {
padding-right: 10px;
- max-height:260px;
+ max-height: 260px;
height: auto !important;
height: 260px;
- overflow:auto;
- overflow-y:scroll;
+ overflow: auto;
+ overflow-y: scroll;
}
#news_area dl.newslist {
@@ -180,17 +180,17 @@
/* ===============================================
▼カテゴリ
=============================================== */
-#category_area .block_body{
+#category_area .block_body {
background-color: #fffaf0;
}
-#category_area li{
+#category_area li {
padding-left: 5px;
}
-#category_area li.level1{
+#category_area li.level1 {
border-bottom: solid 1px #ccc;
}
-#category_area li.level1 p{
+#category_area li.level1 p {
padding-left: 20px;
margin: 7px 3px;
}
@@ -223,7 +223,7 @@
margin-top: 1em;
border: none;
}
-#guide_area li{
+#guide_area li {
margin-bottom: 5px;
letter-spacing: -0.05em;
}
@@ -319,7 +319,7 @@
padding: 1px 3px;
border-top: 1px solid #ccc;
border-right: none;
- text-align:center;
+ text-align: center;
}
#calender_area th {
padding: 1px 3px;
変更: branches/version-2_12-dev/html/user_data/packages/default/css/bloc_alpha.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/default/css/bloc_alpha.css 2012-03-07 18:57:49 UTC (rev 21615)
+++ branches/version-2_12-dev/html/user_data/packages/default/css/bloc_alpha.css 2012-03-07 19:17:59 UTC (rev 21616)
@@ -38,7 +38,7 @@
padding-right: 5px;
font-size: 90%;
}
-#header_login_area ul.formlist li.forgot{
+#header_login_area ul.formlist li.forgot {
margin-top: 3px;
padding-right: 5px;
font-size: 90%;
@@ -73,7 +73,7 @@
.main_column .block_outer #banner_area .block_body ul li {
float: left;
}
-.main_column .block_outer #banner_area .block_body ul li.sub_01{
+.main_column .block_outer #banner_area .block_body ul li.sub_01 {
padding-right: 8px;
}
変更: branches/version-2_12-dev/html/user_data/packages/default/css/contents.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/default/css/contents.css 2012-03-07 18:57:49 UTC (rev 21615)
+++ branches/version-2_12-dev/html/user_data/packages/default/css/contents.css 2012-03-07 19:17:59 UTC (rev 21616)
@@ -62,7 +62,7 @@
width: 100%;
}
div#mynavi_area .mynavi_list li {
- margin:0 15px 5px 0;
+ margin: 0 15px 5px 0;
padding-left: 15px;
float: left;
background: url('../img/icon/ico_arrow_01.gif') no-repeat left ;
@@ -171,7 +171,7 @@
▼エラー
=============================================== */
div#undercolumn_error .message_area {
- width:80%;
+ width: 80%;
margin: 30px auto;
padding: 30px;
border: 1px solid #ccc;
@@ -569,7 +569,7 @@
width: 160px;
}
-div#customervoice_area ul li{
+div#customervoice_area ul li {
padding-bottom: 15px;
margin-bottom: 15px;
background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
変更: branches/version-2_12-dev/html/user_data/packages/default/css/popup.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/default/css/popup.css 2012-03-07 18:57:49 UTC (rev 21615)
+++ branches/version-2_12-dev/html/user_data/packages/default/css/popup.css 2012-03-07 19:17:59 UTC (rev 21616)
@@ -27,7 +27,7 @@
margin: 15px auto 0 auto;
padding-bottom: 20px;
width: 540px;
- min-height:300px;
+ min-height: 300px;
height: auto !important;
}
@@ -103,7 +103,7 @@
text-align: center;
}
-div#zipsearch_area #completebox p{
+div#zipsearch_area #completebox p {
padding: 60px 5px;
text-align: center;
}
変更: branches/version-2_12-dev/html/user_data/packages/default/css/reset.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/default/css/reset.css 2012-03-07 18:57:49 UTC (rev 21615)
+++ branches/version-2_12-dev/html/user_data/packages/default/css/reset.css 2012-03-07 19:17:59 UTC (rev 21616)
@@ -8,13 +8,13 @@
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
-thead, tr, th, td{
+thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
}
-table, caption, th, td{
+table, caption, th, td {
margin: 0;
padding: 0;
border: 0;
@@ -25,14 +25,14 @@
font-weight: normal;
}
-a img, iframe{
- border:none;
+a img, iframe {
+ border: none;
}
-ol,ul,li{
- list-style:none;
+ol,ul,li {
+ list-style: none;
}
-input, textarea, select, button{
- font-size:100%;
- font-family:inherit;
+input, textarea, select, button {
+ font-size: 100%;
+ font-family: inherit;
}
変更: 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 18:57:49 UTC (rev 21615)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/block.css 2012-03-07 19:17:59 UTC (rev 21616)
@@ -7,259 +7,259 @@
/*-----------------------------------------------
ブロック共通
----------------------------------------------- */
-.title_block{
+.title_block {
color: #FFF;
-font-size:16px;
-font-weight:bold;
+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;
+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;
+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;
+text-align: left;
vertical-align: middle;
text-overflow: ellipsis;
-clear:both;
+clear: both;
}
/*-----------------------------------------------
オススメ商品
----------------------------------------------- */
-#recommend_area{
-margin:15px 10px 20px 10px;
-padding-top:10px;
-border:#CCC solid 1px;
+#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;
}
-#recommend_area h2{
-font-size:12px;
-margin-left:10px;
+#recommend_area h2 {
+font-size: 12px;
+margin-left: 10px;
}
-#recommend_area li{
-width:290px;
+#recommend_area li {
+width: 290px;
}
-.recommendblock{
-width:270px;
-padding:5px 10px 5px 8px;
-margin:0 auto;
-clear:both;
+.recommendblock {
+width: 270px;
+padding: 5px 10px 5px 8px;
+margin: 0 auto;
+clear: both;
}
-.recommendblock img{
-width:80px;
-float:left;
+.recommendblock img {
+width: 80px;
+float: left;
}
-.recommendblock .productContents{
-width:68%;
-float:right;
-text-align:left;
+.recommendblock .productContents {
+width: 68%;
+float: right;
+text-align: left;
}
-.recommendblock .productContents p{
-clear:both;
+.recommendblock .productContents p {
+clear: both;
}
-.recommendblock .productContents p.comment{
-width:17em;
-height:3.7em;
-overflow:hidden;
-white-space:nowrap;
+.recommendblock .productContents p.comment {
+width: 17em;
+height: 3.7em;
+overflow: hidden;
+white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-clear:both;
+clear: both;
}
-.recommendblock .sale_price{
-clear:both;
-float:right;
-text-align:right;
+.recommendblock .sale_price {
+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;
+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;
+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;
+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;
+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;
+vertical-align: middle;
+padding: 0 10px;
}
#recommend_area div.flickSlideBottom div.bottomRight {
-font-size:16px;
+font-size: 16px;
font-weight: bold;
-color:#7F7F7F;
-background-color:transparent;
+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;
+border-left: #DBDBDB solid 1px;
}
#recommend_area div.flickSlideBottom div.bottomLeft {
-font-size:16px;
+font-size: 16px;
font-weight: bold;
-color:#7F7F7F;
-background-color:transparent;
+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;
+-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;
+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{
+#category_area {
margin-bottom: 20px;
}
-#categorytree ul{
-margin:10px 10px 0 10px;
-border:#A9ACAB solid 1px;
+#categorytree ul {
+margin: 10px 10px 0 10px;
+border: #A9ACAB solid 1px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-background:#f4F6F8;
+background: #f4F6F8;
}
-#categorytree li{
-font-size:16px;
-font-weight:bold;
+#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;
+border-bottom: #CCC solid 1px;
+border-top: #FFF solid 1px;
+line-height: 1.3em;
+vertical-align: middle;
}
-#categorytree li:first-child{
-border-top:none;
+#categorytree li:first-child {
+border-top: none;
}
-#categorytree li li:first-child{
-border-top:#CCC solid 1px;
+#categorytree li li:first-child {
+border-top: #CCC solid 1px;
}
-#categorytree li:last-child,#categorytree li li:last-child{
-border-bottom:none;
+#categorytree li:last-child,#categorytree li li:last-child {
+border-bottom: none;
}
-#categorytree ul li a, .categorytree > ul > li > ul > li a{
-padding:0.6em 0;
+#categorytree ul li a, .categorytree > ul > li > ul > li a {
+padding: 0.6em 0;
}
.category_body {
display: inline-block;
@@ -267,116 +267,116 @@
.category_body a {
width: 100%;
display: inline-block;
-white-space:nowrap;
-overflow:hidden;
+white-space: nowrap;
+overflow: hidden;
text-overflow: ellipsis;
-cursor:pointer;
+cursor: pointer;
}
-#categorytree ul li li{
-padding-bottom:0.6em;
+#categorytree ul li li {
+padding-bottom: 0.6em;
}
.category_header {
width: 1.5em;
-margin:0 6px 0 8px;
-display:inline-block;
+margin: 0 6px 0 8px;
+display: inline-block;
background: transparent;
-text-align:right;
+text-align: right;
}
-.category_header.plus, .category_header.minus{
-color:#FFF;
-margin:0 6px 0 8px;
-padding-bottom:4px;
+.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;
+line-height: 0.4;
width: 1.5em;
-height:1.3em;
+height: 1.3em;
-webkit-border-radius: 8px;
-background:#515866;
+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{
+.category_header.plus > a, .category_header.minus > a {
width: 1.5em;
-color:#FFF;
+color: #FFF;
display: inline-block;
-margin:0;
+margin: 0;
padding: 0;
text-decoration: none;
}
/*レベル調整*/
-#categorytree .level1 .category_header{
-width:1.5em;
+#categorytree .level1 .category_header {
+width: 1.5em;
}
-#categorytree .level1 .category_body{
-width:86.5%;
+#categorytree .level1 .category_body {
+width: 86.5%;
}
-#categorytree .level2 .category_header{
+#categorytree .level2 .category_header {
width: 1.5em;
-margin-left:2em;
+margin-left: 2em;
}
-#categorytree .level2 .category_body{
-width:79%;
+#categorytree .level2 .category_body {
+width: 79%;
}
-#categorytree .level3 .category_header{
+#categorytree .level3 .category_header {
width: 1.5em;
-margin-left:3.4em;
+margin-left: 3.4em;
}
-#categorytree .level3 .category_body{
-width:71.5%;
+#categorytree .level3 .category_body {
+width: 71.5%;
}
-#categorytree .level4 .category_header{
+#categorytree .level4 .category_header {
width: 1.5em;
-margin-left:4.8em;
+margin-left: 4.8em;
}
-#categorytree .level4 .category_body{
-width:64%;
+#categorytree .level4 .category_body {
+width: 64%;
}
-#categorytree .level5 .category_header{
-margin-left:6.2em;
+#categorytree .level5 .category_header {
+margin-left: 6.2em;
}
-#categorytree .level5 .category_body{
-width:56%;
+#categorytree .level5 .category_body {
+width: 56%;
}
/*リンクカラー*/
-.category_body a:link, .category_body a:visited{
-color:#000;
-text-decoration:none;
-cursor:pointer;
+.category_body a:link, .category_body a:visited {
+color: #000;
+text-decoration: none;
+cursor: pointer;
}
-.category_header.plus a, .category_header.minus a{
-color:#FFF;
+.category_header.plus a, .category_header.minus a {
+color: #FFF;
}
/*-----------------------------------------------
news
----------------------------------------------- */
-#news_area{
+#news_area {
margin-bottom: 20px;
}
-#news_area ul{
+#news_area ul {
}
-#news_area li{
-display:block;
-clear:both;
-padding:10px;
-line-height:1.3;
-background-color:#FEFEFE;
+#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;
+border-top: #FFF solid 1px;
+border-bottom: #CCC solid 1px;
}
-#news_area .news_date{
-clear:both;
-font-size:12px;
-letter-spacing:0.1em;
+#news_area .news_date {
+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 18:57:49 UTC (rev 21615)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/button.css 2012-03-07 19:17:59 UTC (rev 21616)
@@ -6,106 +6,106 @@
style info :ボタン用
=================================================================== */
-.btn_area{
-padding:10px;
-clear:both;
+.btn_area {
+padding: 10px;
+clear: both;
}
-ul.btn_btm{
-clear:both;
+ul.btn_btm {
+clear: both;
}
-.btn_area li,ul.btn_btm li{
-margin-bottom:12px;
+.btn_area li,ul.btn_btm li {
+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;
+.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;
+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;
+a.btn,a.btn:link,a.btn:visited,a.btn:hover {
+color: #FFF;
font-size: 16px;
-font-weight:bold;
+font-weight: bold;
text-decoration: none;
-text-align:center;
+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;
+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;
+cursor: pointer;
+-webkit-transition: opacity 0.5s ease-in;
+-moz-transition: opacity 0.5s ease-in;
}
-input[type="submit"].btn{
-width:100%;
-color:#FFF;
+input[type="submit"].btn {
+width: 100%;
+color: #FFF;
font-size: 16px;
-font-weight:bold;
+font-weight: bold;
text-decoration: none;
-text-align:center;
+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;
+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;
+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;
+color: #FFF;
font-size: 16px;
-font-weight:bold;
+font-weight: bold;
text-decoration: none;
-text-align:center;
+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;
+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;
+input[type="submit"].btn_back {
+color: #FFF;
font-size: 16px;
-font-weight:bold;
+font-weight: bold;
text-decoration: none;
-text-align:center;
+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;
+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));
}
@@ -113,166 +113,166 @@
ボタン（サブ系ボタン:ライトグレー）
----------------------------------------------- */
.btn_sub,a.btn_sub,a.btn_sub:link,a.btn_sub:visited,a.btn_sub:hover {
-color:#000;
+color: #000;
font-size: 16px;
-padding:5px 0;
-font-weight:bold;
+padding: 5px 0;
+font-weight: bold;
text-decoration: none;
-text-align:center;
+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;
+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;
+input[type="submit"].btn_sub {
+color: #000;
font-size: 16px;
-padding:5px 0;
-font-weight:bold;
+padding: 5px 0;
+font-weight: bold;
text-decoration: none;
-text-align:center;
+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;
+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;
+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;
+padding: 5px 0;
+font-weight: bold;
text-decoration: none;
-text-align:center;
+text-align: center;
border: 1px solid #A9ABAD;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-display:block;
+display: block;
background: #FFF;
-clear:both;
-margin:10px 0;
+clear: both;
+margin: 10px 0;
}
-input[type="submit"].btn_more{
-color:#000;
+input[type="submit"].btn_more {
+color: #000;
font-size: 16px;
-padding:5px 0;
-font-weight:bold;
+padding: 5px 0;
+font-weight: bold;
text-decoration: none;
-text-align:center;
+text-align: center;
border: 1px solid #A9ABAD;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-display:block;
+display: block;
background: #FFF;
-clear:both;
+clear: both;
}
/*-----------------------------------------------
ボタン（フッター）
----------------------------------------------- */
-a.btn_btm{
-width:150px;
+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;
+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;
+margin: 10px auto;
transition: background-color 1s ease-in;
-webkit-transition: background-color 1s ease-in;
-moz-transition: opacity 1s ease-int;
-cursor:pointer;
+cursor: pointer;
}
-.btn_btm,a.btn_btm:link,a.btn_btm:hover,a.btn_btm:visited{
-color:#FFF;
-text-decoration:none;
+.btn_btm,a.btn_btm:link,a.btn_btm:hover,a.btn_btm:visited {
+color: #FFF;
+text-decoration: none;
}
-input[type="submit"].btn_btm{
-width:150px;
+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;
+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;
+margin: 10px auto;
transition: background-color 1s ease-in;
-webkit-transition: background-color 1s ease-in;
-moz-transition: opacity 1s ease-int;
-cursor:pointer;
+cursor: pointer;
}
/*-----------------------------------------------
ボタン小（編集/削除）
----------------------------------------------- */
-ul.edit{
-float:right;
-clear:right;
-display:inline;
-vertical-align:top;
-line-height:1;
-position:absolute;
-right:10px;
-top:15px;
+ul.edit {
+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;
+ul.edit li {
+display: inline;
+float: left;
+line-height: 1;
+vertical-align: middle;
}
-ul.edit li:first-child{
-margin-right:0.8em;
+ul.edit li:first-child {
+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;
+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: #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;
+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;
+a.b_delete:link,a.b_delete:visited,a.b_delete:hover {
+vertical-align: top;
+cursor: pointer;
}
/*-----------------------------------------------
ボタン（商品詳細:カゴに入れる）
----------------------------------------------- */
-.cartbtn_default{
-width:50%!important;
-font-size:15px;
-padding:10px 0;
-background:#669222;
+.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));
}
@@ -280,9 +280,9 @@
/*-----------------------------------------------
ボタン（商品詳細:お気に入り)
----------------------------------------------- */
-.btn_favorite .btn_sub{
-width:auto;
-display:block;
+.btn_favorite .btn_sub {
+width: auto;
+display: block;
}
.btn_favorite p {
text-align: center;
@@ -290,29 +290,29 @@
/*-----------------------------------------------
ボタン（新しいお届け先を追加する)
----------------------------------------------- */
-.addbtn{
-margin:0 30px;
-padding:5px 0;
+.addbtn {
+margin: 0 30px;
+padding: 5px 0;
}
/*-----------------------------------------------
ボタン（トップページへ)
----------------------------------------------- */
-.btn_s{
-width:12em;
-padding:10px 0!important;
-margin:10px auto;
-clear:both;
+.btn_s {
+width: 12em;
+padding: 10px 0!important;
+margin: 10px auto;
+clear: both;
}
/*-----------------------------------------------
ボタン（住所自動入力)
----------------------------------------------- */
-.btn_inputzip{
-margin:12px 0 5px 0;
+.btn_inputzip {
+margin: 12px 0 5px 0;
}
/*-----------------------------------------------
ボタン（ログイン/ウィンドウ)
----------------------------------------------- */
-.btn_login, .btn_close{
-width:70%;
-margin:10px auto;
+.btn_login, .btn_close {
+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 18:57:49 UTC (rev 21615)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/common.css 2012-03-07 19:17:59 UTC (rev 21616)
@@ -16,32 +16,32 @@
padding: 0;
-webkit-user-select: none;
-webkit-text-size-adjust: none;
--webkit-touch-callout:none;
+-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0,0,0,0.50);
}
/*-----------------------------------------------
リンク指定
----------------------------------------------- */
-a:link{
-color:#4265AE;
+a:link {
+color: #4265AE;
text-decoration: none;
}
a:visited {
color: #603E7D;
text-decoration: none;
}
-a:hover{
-text-decoration:none;
-cursor:pointer;
+a:hover {
+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;
+.arrowRtxt {
+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 {
@@ -50,7 +50,7 @@
background-size: 10px 15px;
}
}
-div,li,p{
+div,li,p {
-webkit-tap-highlight-color: rgba(0,0,0,0.50);}
/*-----------------------------------------------
clearfix
@@ -62,14 +62,14 @@
height: 0;
visibility: hidden;
}
-ul:after{
+ul:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
-dl:after{
+dl:after {
content: ".";
display: block;
clear: both;
@@ -79,74 +79,74 @@
/*-----------------------------------------------
汎用
----------------------------------------------- */
-.photoL{
-float:left;
-clear:left;
+.photoL {
+float: left;
+clear: left;
}
-.photoR{
-float:right;
-clear:right;
+.photoR {
+float: right;
+clear: right;
}
-.clear{
-clear:both;
+.clear {
+clear: both;
}
-.inner{
-padding:10px;
+.inner {
+padding: 10px;
}
-.intro{
-padding:5px 10px 10px;
-font-weight:bold;
+.intro {
+padding: 5px 10px 10px;
+font-weight: bold;
}
-.intro p{
-line-height:1.3;
+.intro p {
+line-height: 1.3;
}
.hidden {
display: none;
}
-.end{
-border-bottom:none!important;
+.end {
+border-bottom: none!important;
}
-.top{
-margin-bottom:8px!important;
+.top {
+margin-bottom: 8px!important;
}
-.bg_head{
-background:#EEE;
+.bg_head {
+background: #EEE;
}
-.pb{
-padding-bottom:0!important;
+.pb {
+padding-bottom: 0!important;
}
/*-----------------------------------------------
font
----------------------------------------------- */
-h2{
-font-size:20px;
+h2 {
+font-size: 20px;
}
h3,h4,h5 {
font-size: 100%;
-font-weight:bold;
+font-weight: bold;
}
-em{
-font-weight:bold;
+em {
+font-weight: bold;
}
.attention {
color: #CC0000; }
.mini {
font-size: 11px;
font-weight:normal; }
-.fb{
-font-size:15px;
-font-weight:bold;
+.fb {
+font-size: 15px;
+font-weight: bold;
}
-.fn{
-font-weight:normal;
+.fn {
+font-weight: normal;
}
-.price{
-color:#CC0000;
-font-weight:bold;
+.price {
+color: #CC0000;
+font-weight: bold;
}
-.attentionSt{
-color:#CC0000;
-font-weight:bold;
+.attentionSt {
+color: #CC0000;
+font-weight: bold;
}
/*-------------------------------------------------
レイアウト
@@ -156,195 +156,195 @@
width: 100%;
background: #FFF;
}
-#main-content{
+#main-content {
}
/*-----------------------------------------------
タイトル
----------------------------------------------- */
h2.title {
color: #FFF;
-font-size:20px;
-font-weight:bold;
-line-height:45px;
-text-align:center;
+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;
+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;
+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;
+white-space: nowrap;
+overflow: hidden;
text-overflow: ellipsis;
-clear:both;
+clear: both;
}
/*ボタンで展開するタイトルバー*/
-.title_box{
+.title_box {
color: #FFF;
text-shadow: 0px -1px 1px rgba(0,0,0,0.3);
-line-height:45px;
-padding:0 10px;
+line-height: 45px;
+padding: 0 10px;
margin: 0 0 15px 0;
-background:#494e57;
+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;
+border-bottom: #74828B solid 1px;
vertical-align: middle;
-clear:both;
+clear: both;
}
-.title_box h2{
-font-size:20px;
+.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;
+width: 85%;
+float: left;
+clear: left;
+white-space: nowrap;
+overflow: hidden;
text-overflow: ellipsis;
-line-height:45px;
-vertical-align:middle;
+line-height: 45px;
+vertical-align: middle;
}
-.title_box h3{
-width:85%;
-float:left;
-clear:left;
-font-size:18px;
+.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;
+white-space: nowrap;
+overflow: hidden;
text-overflow: ellipsis;
-line-height:30px;
-vertical-align:middle;
+line-height: 30px;
+vertical-align: middle;
}
/*サブタイトル*/
-h3.subtitle{
-font-size:18px;
+h3.subtitle {
+font-size: 18px;
color: #FFF;
-line-height:30px;
+line-height: 30px;
text-shadow: 0px -1px 1px rgba(0,0,0,0.3);
-padding:0 10px;
+padding: 0 10px;
margin: 0 0 10px 0;
-background:#84949F;
+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;
+border-bottom: #74828B solid 1px;vertical-align: middle;
+white-space: nowrap;
+overflow: hidden;
text-overflow: ellipsis;
-clear:both;
+clear: both;
-webkit-box-shadow: 1px 0px 1px #FFF;
-moz-box-shadow: 1px 0px 1px #FFF;
-position:relative;
+position: relative;
}
/*ボタンで展開するサブタイトルバー*/
-.title_box_sub{
+.title_box_sub {
color: #FFF;
-line-height:30px;
-padding:0 10px;
+line-height: 30px;
+padding: 0 10px;
margin: 0 0 20px 0;
-background:#84949F;
+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;
+border-bottom: #74828B solid 1px;
vertical-align: middle;
-clear:both;
-position:relative;
+clear: both;
+position: relative;
}
-.title_box_sub h2, .title_box_sub h3{
-font-size:18px;
+.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;
+width: 85%;
+float: left;
+clear: left;
+white-space: nowrap;
+overflow: hidden;
text-overflow: ellipsis;
-line-height:30px;
-vertical-align:middle;
+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;
+.title_box_sub .b_expand {
+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;
+input[type="text"] {
+margin: 5px 0;
}
-input[type="number"]{
-padding:5px 0;
-text-indent:0;
+input[type="number"] {
+padding: 5px 0;
+text-indent: 0;
}
-input[type="number"]:first-child{
-margin-right:-2px;
+input[type="number"]:first-child {
+margin-right: -2px;
}
-input[type="radio"],input[type="check"]{
-padding:5px;
-line-height:1.5;
-margin-right:0.5em;
+input[type="radio"],input[type="check"] {
+padding: 5px;
+line-height: 1.5;
+margin-right: 0.5em;
}
-.text, .textarea, .dropdown{
-padding:0.5em;
-margin:0;
-border:#4C4C4C solid 1px;
+.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;
}
-.textarea{
-width:97%;
-padding:0.5em;
-margin:0 0 10px 0;
+.textarea {
+width: 97%;
+padding: 0.5em;
+margin: 0 0 10px 0;
}
-.cartin_quantity, .box_point{
-width:2.5em;
+.cartin_quantity, .box_point {
+width: 2.5em;
}
-.boxLong{
-width:95%;
+.boxLong {
+width: 95%;
}
-.boxMedium{
-width:35%;
+.boxMedium {
+width: 35%;
}
.boxShort {
width: 22%;
}
-.boxHarf{
-width:42%;
+.boxHarf {
+width: 42%;
}
-select.boxLong{
-width:100%;
+select.boxLong {
+width: 100%;
}
-select.boxMedium{
-width:40%;
+select.boxMedium {
+width: 40%;
}
-select.boxShort{
-width:25%;
+select.boxShort {
+width: 25%;
}
-select.boxHarf{
-width:46%;
+select.boxHarf {
+width: 46%;
}
/*----------------------------------------------------
header
@@ -353,114 +353,114 @@
/* ヘッダーロゴ
------------------------------------------------ */
header {
-width:100%;
+width: 100%;
background: #FFF;
margin: 0 auto;
-padding:5px 0 10px 0;
-clear:both;
-min-height:40px;
+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;
+header h1 {
+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;
+header h1 a {
+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;
+header h1 img {
+width: 150px;
+height: 25px;
+margin: -5px 0 0 0;
+padding: 0;
+vertical-align: middle;
}
/* ヘッダーナビ
------------------------------------------------ */
-.header_utility{
-width:47%;
-padding:0 5px;
-float:right;
+.header_utility {
+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;
+.header_navi {
+font-size: 11px;
+float: right;
+display: inline;
+text-align: right;
+line-height: 1.2;
+margin-top: 5px;
}
-.header_navi ul{
-display:inline;
-float:right;
+.header_navi ul {
+display: inline;
+float: right;
}
-.header_navi li{
-float:left;
-margin:0;
-padding:8px 5px;
-border:#A9ABAD solid 1px;
+.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: #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;
+.header_navi li:first-child {
+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;
+.popup_mypage {
+font-size: small;
+width: auto;
+min-width: 100px;
+padding: 10px;
display: none;
position: absolute;
-line-height:1.2;
+line-height: 1.2;
top: 52px;
z-index: 1;
-background:#FFF;
+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: #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;
+.popup_mypage p:first-child {
+line-height: 1.3;
+margin-bottom: 0.5em;
}
-.popup_cart{
-font-size:small;
-width:auto;
-min-width:90px;
-padding:10px;
+.popup_cart {
+font-size: small;
+width: auto;
+min-width: 90px;
+padding: 10px;
display: none;
position: absolute;
top: 52px;
-margin-right:5px;
+margin-right: 5px;
z-index: 1;
-background:#FFF;
+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: #CCC solid 1px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
@@ -471,175 +471,175 @@
.popup_cart div:last-child {
margin-bottom: 0;
}
-.popup_mypage a, .popup_cart a{
-text-decoration:underline;
+.popup_mypage a, .popup_cart a {
+text-decoration: underline;
}
-.popup_mypage h2, .popup_cart h2{
-font-size:1.2em;
+.popup_mypage h2, .popup_cart h2 {
+font-size: 1.2em;
}
-.quantity, .money{
-font-size:14px;
-font-weight:bold;
+.quantity, .money {
+font-size: 14px;
+font-weight: bold;
}
-.popup_cart hr.dashed:last-child{
-display:none;
+.popup_cart hr.dashed:last-child {
+display: none;
}
-hr.dashed{
-display:block;
-height:1px;
-border:0;
-border-top:#CCC dashed 1px;
-margin:0.2em 0;
+hr.dashed {
+display: block;
+height: 1px;
+border: 0;
+border-top: #CCC dashed 1px;
+margin: 0.2em 0;
padding:0;}
-.free_money_area{
-font-size:11px;
+.free_money_area {
+font-size: 11px;
}
-.dl_item{
-margin-top:5px;
+.dl_item {
+margin-top: 5px;
}
/*index menu/トップページヘッダー3列ボタン*/
-.top_menu{
-width:100%;
-margin-bottom:10px;
+.top_menu {
+width: 100%;
+margin-bottom: 10px;
-webkit-box-shadow: 1px 5px 5px #ccc;
-moz-box-shadow: 1px 5px 5px #ccc;
-background:#494E57;
+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;
+.top_menu ul {
+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;
+.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;
}
-.top_menu ul li img{
-margin:0 auto;
-display:block;
-clear:both;
+.top_menu ul li img {
+margin: 0 auto;
+display: block;
+clear: both;
}
-.top_menu ul li a:link, .top_menu ul li a:visited{
-color:#FFF;
+.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;
+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;
+-webkit-transition: background-color 0.5s ease-in;
+-moz-transition: background-color 0.5s ease-in;
}
-.top_menu ul li a:hover{
-color:#FFF;
+.top_menu ul li a:hover {
+color: #FFF;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
-background:#5393C5;
+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;
+text-decoration: none;
}
-.top_menu li:first-child{
-border-left:none;
+.top_menu li:first-child {
+border-left: none;
}
-.top_menu li:last-child{
-border-right:none;
+.top_menu li:last-child {
+border-right: none;
}
/*-------------------------------------------------
footer
----------------------------------------------- */
footer.global_footer {
-padding:0 0 10px 0;
+padding: 0 0 10px 0;
background: #E6E6E6;
-text-align:center;
+text-align: center;
}
-.footer_utility{
+.footer_utility {
background: #E6E6E6;
}
/*フッター4列ボタン*/
.footer_navi {
-width:100%;
-display:block;
-clear:both;
-padding:0.5em 0;
+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: #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;
+.footer_navi ul {
+width: 100%;
+display: block;
}
.footer_navi:after {
content: ".";
display: block;
clear: both;
-height:0;
+height: 0;
}
-.footer_navi li{
-width:23%;
-height:49px;
-display:block;
-margin:0 1%;
-padding:0;
-float:left;
-background:#202223;
+.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;
+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;
+.footer_status_area {
+margin: 0;
+padding: 20px 10px 10px;
+text-align: center;
background: #E6E6E6;
-border-bottom:#999 solid 1px;
+border-bottom: #999 solid 1px;
}
-.footer_status_area p:last-child{
-margin:10px auto;
+.footer_status_area p:last-child {
+margin: 10px auto;
}
-.guide_area{
-clear:both;
-margin:0;
-padding:10px 0 0 0;
-text-align:center;
-border-top:#fff solid 1px;
+.guide_area {
+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;
+.guide_area p {
+font-size: 14px;
+font-weight: bold;
+line-height: 2.4;
}
-.guide_area a{
-padding:0.5em 0.3em;
-margin:0.5em 0.1em;
+.guide_area a {
+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;
+padding: 10px 0;
}
/*-------------------------------------------------
検索バー
@@ -647,15 +647,15 @@
#search_area {
padding: 10px;
background: #E7E8E9;
-clear:both;
+clear: both;
text-align: center;
}
/*jqm追記*/
-#search_area .ui-input-search{
+#search_area .ui-input-search {
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-border:#CCC solid 1px;
+border: #CCC solid 1px;
}
.ui-input-text {
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 18:57:49 UTC (rev 21615)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/contents.css 2012-03-07 19:17:59 UTC (rev 21616)
@@ -7,43 +7,43 @@
/* -----------------------------------------------
#undercolumn 汎用
----------------------------------------------- */
-#undercolumn{
-padding-bottom:35px;
+#undercolumn {
+padding-bottom: 35px;
}
/**イントロダクション*/
-.information{
-font-weight:bold;
-padding:5px 10px;
-line-height:1.3;
-border-bottom:#CCC solid 1px;
+.information {
+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;
+.information p:first-child {
+font-size: 14px;
+margin-bottom: 0.5em;
}
/*フォーム枠*/
-.form_area{
-padding:10px;
+.form_area {
+padding: 10px;
}
-.form_area p:first-child{
-margin-bottom:0.5em;
+.form_area p:first-child {
+margin-bottom: 0.5em;
}
-.formBox{
-margin-bottom:20px;
-border:#A9ABAD solid 1px;
-border-radius:7px;
--moz-border-radius:7px;
--webkit-border-radius:7px;
+.formBox {
+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;
+.innerBox {
+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;
+.arrowBox {
+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 {
@@ -52,45 +52,45 @@
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;
+.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;
}
/*合計(フォーム下)*/
-.total_area, .result_area{
-padding:10px;
-text-align:right;
-background:#F7F5F0;
-border-top:#FFF solid 1px;
-border-bottom:#A9ABAD solid 1px;
+.total_area, .result_area {
+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;
+.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;
}
-.formBox div:first-child{
-border-radius:7px 7px 0 0;
--moz-border-radius:7px 7px 0 0;
--webkit-border-radius:7px 7px 0 0;
+.formBox div:first-child {
+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;
+.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-bottom: none;
}
-.form_area div:after{
+.form_area div:after {
content: ".";
display: block;
clear: both;
@@ -103,76 +103,76 @@
----------------------------------------------- */
/*カゴの中の商品*/
-.cartinarea{
-padding:10px;
-border-bottom:#CCC solid 1px;
+.cartinarea {
+padding: 10px;
+border-bottom: #CCC solid 1px;
}
-.cartitemBox{
-padding:10px 0;
-border-bottom:#CCC solid 1px;
-clear:both;
+.cartitemBox {
+padding: 10px 0;
+border-bottom: #CCC solid 1px;
+clear: both;
}
-.cartinarea .cartitemBox:last-child{
-border-bottom:none;
+.cartinarea .cartitemBox:last-child {
+border-bottom: none;
}
-.cartinarea .photoL{
-width:80px;
+.cartinarea .photoL {
+width: 80px;
}
-.cartinarea .cartinContents{
-width:68%;
-float:right;
-display:block;
-position:relative;
+.cartinarea .cartinContents {
+width: 68%;
+float: right;
+display: block;
+position: relative;
}
-.cartinarea .cartinContents p{
-line-height:1.2;
+.cartinarea .cartinContents p {
+line-height: 1.2;
}
-.cartinContents div{
-min-height:50px;
+.cartinContents div {
+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;
+.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;
}
-.bubble_arrow_line{
-width:0;
-height:0;
+.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%;
+position: absolute;
+bottom: -21px;
+left: 50%;
}
-.bubble_arrow{
-width:0;
-height:0;
+.bubble_arrow {
+width: 0;
+height: 0;
border-color: #F6F6F6 transparent transparent transparent;
border-style: solid;
border-width: 10px;
-position:absolute;
-bottom:-19px;
-left:50%;
+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;
+.bubble_announce {
+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 {
@@ -181,426 +181,426 @@
background-size: 10px 15px;
}
}
-.bubbleBox p.fb{
-line-height:2.5em;
+.bubbleBox p.fb {
+line-height: 2.5em;
}
-.deliv_announce p{
-width:80%;
+.deliv_announce p {
+width: 80%;
}
-.bubbleBox a:link, .bubbleBox a:visited{
-color:#333;
+.bubbleBox a:link, .bubbleBox a:visited {
+color: #333;
}
/* -----------------------------------------------
カートの中ページ
----------------------------------------------- */
-.totalmoney_area{
-font-size:14px;
-font-weight:bold;
-padding:10px;
-border-bottom:#CCC solid 1px;
+.totalmoney_area {
+font-size: 14px;
+font-weight: bold;
+padding: 10px;
+border-bottom: #CCC solid 1px;
}
-.point_announce{
-font-size:12px;
-font-weight:bold;
-margin-bottom:5px;
+.point_announce {
+font-size: 12px;
+font-weight: bold;
+margin-bottom: 5px;
}
-.cartinContents .btn_delete{
-padding:2px;
-right:0;
-float:right;
-position:absolute;
-top:0;
-cursor:pointer;
+.cartinContents .btn_delete {
+padding: 2px;
+right: 0;
+float: right;
+position: absolute;
+top: 0;
+cursor: pointer;
}
-.cartinContents ul{
-float:right;
-clear:both;
-line-height:1.1;
+.cartinContents ul {
+float: right;
+clear: both;
+line-height: 1.1;
}
-.cartinContents ul li{
-display:inline;
-float:left;
+.cartinContents ul li {
+display: inline;
+float: left;
}
-.cartinContents ul li.quantity{
-padding-left:0.5em;
-padding-top:1em;
-vertical-align:bottom;
+.cartinContents ul li.quantity {
+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;
+.cartinContents ul li.quantity_btn {
+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;
+.cartinContents ul li.result {
+padding-left: 1.5em;
+padding-top: 1em;
+vertical-align: bottom;
}
-.cartinContents p{
-margin-right:25px;
+.cartinContents p {
+margin-right: 25px;
}
-.cartinContents p.btn_delete{
-margin-right:0;
+.cartinContents p.btn_delete {
+margin-right: 0;
}
/* -----------------------------------------------
お届け先指定
----------------------------------------------- */
-.deliv_check{
-clear:both;
+.deliv_check {
+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;
+.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;
}
-.deliv_check dt p{
-vertical-align:middle;
+.deliv_check dt p {
+vertical-align: middle;
}
-.deliv_check dd{
-font-size:12px;
-padding:10px;
-border-bottom:#CCC solid 1px;
-display:block;
+.deliv_check dd {
+font-size: 12px;
+padding: 10px;
+border-bottom: #CCC solid 1px;
+display: block;
}
.deliv_check dd.end {
border-bottom: none;
}
-.deliv_check dd p{
-display:inline;
-float:left;
+.deliv_check dd p {
+display: inline;
+float: left;
}
-.deliv_check ul.edit{
-float:right;
-clear:right;
-display:inline;
-line-height:1.1;
-position:absolute;
-right:10px;
-top:12px;
+.deliv_check ul.edit {
+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;
+.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;
}
/* -----------------------------------------------
お届け先指定(複数)
----------------------------------------------- */
-.delivitemBox{
-padding:10px;
-border-bottom:#CCC solid 1px;
-clear:both;
-position:relative;
+.delivitemBox {
+padding: 10px;
+border-bottom: #CCC solid 1px;
+clear: both;
+position: relative;
}
-.delivitemBox .photoL{
-width:80px;
+.delivitemBox .photoL {
+width: 80px;
}
-.delivitemBox .delivContents{
-width:67%;
-float:right;
-display:block;
-position:relative;
+.delivitemBox .delivContents {
+width: 67%;
+float: right;
+display: block;
+position: relative;
}
-.delivContents p{
-float:left;
-line-height:1.2;
-margin-bottom:5px;
-margin-right:40px;
+.delivContents p {
+float: left;
+line-height: 1.2;
+margin-bottom: 5px;
+margin-right: 40px;
}
-.delivContents ul{
-width:3em;
-float:right;
-right:7px;
-position:absolute;
+.delivContents ul {
+width: 3em;
+float: right;
+right: 7px;
+position: absolute;
}
-.delivContents ul li{
-text-align:center;
-clear:both;
+.delivContents ul li {
+text-align: center;
+clear: both;
}
-.delivContents ul li:first-child{
-line-height:1.2;
-vertical-align:bottom;
+.delivContents ul li:first-child {
+line-height: 1.2;
+vertical-align: bottom;
}
/* -----------------------------------------------
お支払方法・お届け時間等の指定
----------------------------------------------- */
-.pay_area ul{
-padding:10px;
-margin-bottom:10px;
-font-weight:bold;
+.pay_area ul {
+padding: 10px;
+margin-bottom: 10px;
+font-weight: bold;
}
-.pay_area ul li{
-line-height:1.5;
-margin-bottom:6px;
+.pay_area ul li {
+line-height: 1.5;
+margin-bottom: 6px;
}
.pay_area .attention,
.pay_area2 .attention {
margin-left: 10px;
}
-.pay_area02 select:first-child{
-margin-bottom:12px;
+.pay_area02 select:first-child {
+margin-bottom: 12px;
}
-p.check_point{
-font-size:12px;
-padding-left:1em;
-font-weight:normal;
+p.check_point {
+font-size: 12px;
+padding-left: 1em;
+font-weight: normal;
}
-p.check_point .box_point{
-margin-right:0.5em;
+p.check_point .box_point {
+margin-right: 0.5em;
}
-.contact_area p{
-line-height:1.3;
-font-weight:bold;
-margin-bottom:10px;
+.contact_area p {
+line-height: 1.3;
+font-weight: bold;
+margin-bottom: 10px;
}
-.contact_area .textarea{
-width:95%;
+.contact_area .textarea {
+width: 95%;
}
.non-select-msg {
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;
+.cartcartconfirmarea {
+padding: 0 10px;
+border-bottom: #CCC solid 1px;
}
-.cartconfirmBox{
-padding:10px 0;
-border-bottom:#CCC solid 1px;
-clear:both;
-position:relative;
+.cartconfirmBox {
+padding: 10px 0;
+border-bottom: #CCC solid 1px;
+clear: both;
+position: relative;
}
-.cartconfirmBox:last-child{
-border-bottom:none;
+.cartconfirmBox:last-child {
+border-bottom: none;
}
-.cartconfirmBox .photoL{
-width:80px;
-float:left;
+.cartconfirmBox .photoL {
+width: 80px;
+float: left;
}
-.cartconfirmContents{
-width:67%;
-float:right;
-display:block;
-position:relative;
-line-height:1.3;
+.cartconfirmContents {
+width: 67%;
+float: right;
+display: block;
+position: relative;
+line-height: 1.3;
}
-.cartconfirmContents div{
-min-height:62px;
-line-height:1.3;
+.cartconfirmContents div {
+min-height: 62px;
+line-height: 1.3;
}
-.cartconfirmBox ul{
-float:right;
-clear:both;
-line-height:1.1;
+.cartconfirmBox ul {
+float: right;
+clear: both;
+line-height: 1.1;
}
-.cartconfirmBox ul li{
-display:inline;
-font-weight:bold;
+.cartconfirmBox ul li {
+display: inline;
+font-weight: bold;
}
-.cartconfirmBox ul li.result{
-padding-left:1em;
-vertical-align:bottom;
+.cartconfirmBox ul li.result {
+padding-left: 1em;
+vertical-align: bottom;
}
-.result_area{
-font-size:14px;
-font-weight:bold;
+.result_area {
+font-size: 14px;
+font-weight: bold;
}
-.result_area dl{
-text-align:right;
-float:right;
-display:block;
+.result_area dl {
+text-align: right;
+float: right;
+display: block;
}
-.result_area dt, .result_area dd{
-text-align:right;
+.result_area dt, .result_area dd {
+text-align: right;
}
-.result_area dt{
-font-size:11px;
-clear:left;
-float:right;
+.result_area dt {
+font-size: 11px;
+clear: left;
+float: right;
}
-dl.point dl{
-display:block;
+dl.point dl {
+display: block;
}
-.point_confifrm dl{
-font-weight:bold;
-border-bottom:#CCC solid 1px;
+.point_confifrm dl {
+font-weight: bold;
+border-bottom: #CCC solid 1px;
}
-.point_confifrm dl:last-child{
-border-bottom:none;
+.point_confifrm dl:last-child {
+border-bottom: none;
}
-.point_confifrm dt{
-width:60%;
-padding:10px 0 10px 10px;
-float:left;
-display:block;
+.point_confifrm dt {
+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;
+.point_confifrm dd {
+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;
+.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;
}
-.deliv_confirm dd{
-font-size:12px;
-padding:10px;
-border-bottom:#CCC solid 1px;
-display:block;
-line-height:1.3;
+.deliv_confirm dd {
+font-size: 12px;
+padding: 10px;
+border-bottom: #CCC solid 1px;
+display: block;
+line-height: 1.3;
}
-.deliv_confirm dd:last-child{
-border-bottom:none;
+.deliv_confirm dd:last-child {
+border-bottom: none;
}
-.deliv_confirm dd p.deliv_name{
-margin-bottom:3px;
-font-size:14px;
-line-height:1.3;
+.deliv_confirm dd p.deliv_name {
+margin-bottom: 3px;
+font-size: 14px;
+line-height: 1.3;
}
-.date_confirm li{
-padding-right:1em;
-display:inline;
+.date_confirm li {
+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;
+dl.form_entry {
+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;
+dl.form_entry dt {
+font-weight: bold;
+padding: 10px 12px 0;
}
-dl.form_entry dd{
-padding:0 12px 10px;
-border-bottom:#CCC solid 1px;
-line-height:1.2;
+dl.form_entry dd {
+padding: 0 12px 10px;
+border-bottom: #CCC solid 1px;
+line-height: 1.2;
}
-dl.form_entry dd:last-child{
-border-bottom:0;
+dl.form_entry dd:last-child {
+border-bottom: 0;
}
-dl.form_entry .selectdate{
-margin-top:12px;
-padding:5px 6px 5px 4px;
-font-size:12px;
-vertical-align:bottom;
+dl.form_entry .selectdate {
+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;
+dl.form_entry li {
+margin-bottom: 0.3em;
+vertical-align: middle;
}
-dl.form_entry .bg_head{
-padding-bottom:10px;
+dl.form_entry .bg_head {
+padding-bottom: 10px;
}
/* -----------------------------------------------
完了画面
----------------------------------------------- */
-.thankstext{
-font-size:16px;
-color:#FF6633;
-font-weight:bold;
-padding:10px;
-margin-bottom:10px;
-line-height:1.3;
+.thankstext {
+font-size: 16px;
+color: #FF6633;
+font-weight: bold;
+padding: 10px;
+margin-bottom: 10px;
+line-height: 1.3;
}
-#completetext p{
-line-height:1.3;
+#completetext p {
+line-height: 1.3;
}
-#completetext, .shopInformation{
-font-size:14px;
-padding:10px;
-clear:both;
+#completetext, .shopInformation {
+font-size: 14px;
+padding: 10px;
+clear: both;
}
-#completetext p, .shopInformation p{
-margin-bottom:0.5em;
-line-height:1.3;
+#completetext p, .shopInformation p {
+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;
+dl.form_info {
+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;
+dl.form_info dt {
+font-weight: bold;
+padding: 10px 10px 0;
}
-dl.form_info dd{
-padding:0 10px 10px;
-border-bottom:#CCC solid 1px;
+dl.form_info dd {
+padding: 0 10px 10px;
+border-bottom: #CCC solid 1px;
}
-dl.form_info dd:last-child{
-border-bottom:0;
+dl.form_info dd:last-child {
+border-bottom: 0;
}
-#maps{
-width:88%!important;
-margin:10px auto!important;
+#maps {
+width: 88%!important;
+margin: 10px auto!important;
}
/* -----------------------------------------------
規約
----------------------------------------------- */
-#kiyaku_text{
-padding:10px 20px;
-border-bottom:#999 solid 1px;
-border-top:#999 solid 1px;
+#kiyaku_text {
+padding: 10px 20px;
+border-bottom: #999 solid 1px;
+border-top: #999 solid 1px;
overflow: hidden;
text-overflow: ellipsis;
-line-height:1.3;
+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 18:57:49 UTC (rev 21615)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/jqm.css 2012-03-07 19:17:59 UTC (rev 21616)
@@ -8,11 +8,11 @@
/* F
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-f {
- font-size:20px;
+ font-size: 20px;
border-top:none;
border-left:none;
border-right:none;
- border-bottom:#74828B solid 1px;
+ border-bottom: #74828B solid 1px;
background: #bbb;
color: #fff;
text-shadow: 0 1px 0 rgba(0,0,0,0.3);
@@ -51,8 +51,8 @@
font-family: Helvetica, Arial, sans-serif;
}
-.ui-body-f textarea{
-border:#4C4C4C solid 1px;
+.ui-body-f textarea {
+border: #4C4C4C solid 1px;
}
.ui-body-f .ui-link-inherit {
変更: 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 18:57:49 UTC (rev 21615)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/mypage.css 2012-03-07 19:17:59 UTC (rev 21616)
@@ -7,227 +7,227 @@
/* -----------------------------------------------
MYページ汎用
----------------------------------------------- */
-#mypagecolumn{
-width:100%;
-padding-bottom:35px;
+#mypagecolumn {
+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;
+#mypagecolumn h2.title {
+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;
+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;
}
/**イントロダクション*/
-#mypagecolumn .information{
-font-size:12px;
-padding:10px 10px 0 10px;
-border-bottom:0;
-font-weight:normal;
+#mypagecolumn .information {
+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;
+#mypagecolumn .information p:first-child {
+font-size: 14px;
+font-weight: bold;
+margin-bottom: 0;
}
/*-----------------------------------------------
MYページナビ
----------------------------------------------- */
-#mypage_nav{
-width:100%;
-background:#DAE0E5;
+#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;
+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;
+#mypage_nav ul {
+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;
+#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;
}
-#mypage_nav ul li a{
-color:#000;
-padding:9px 0 8px 0;
-display:block;
+#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-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;
+#mypage_nav ul li a:hover {
+color: #FFF;
text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
-background:#5393c5;
+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%;
+#mypage_nav ul li.nav_delivadd,#mypage_nav ul li.nav_change {
+width: 49.7%;
}
-#mypage_nav ul li.nav_history,#mypage_nav ul li.nav_favorite,#mypage_nav ul li.nav_refusal{
-width:33%;
+#mypage_nav ul li.nav_history,#mypage_nav ul li.nav_favorite,#mypage_nav ul li.nav_refusal {
+width: 33%;
}
-#mypage_nav li:first-child{
-border-left:none;
+#mypage_nav li:first-child {
+border-left: none;
}
-#mypage_nav li:nth-child(3){
-border-top:#FFF solid 1px;
-border-left:none;
+#mypage_nav li:nth-child(3) {
+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;
+#mypage_nav li:nth-child(4),#mypage_nav li:nth-child(5) {
+border-top: #FFF solid 1px;
}
-#mypage_nav li:last-child,#mypage_nav li:nth-child(2){
-border-right:none;
+#mypage_nav li:last-child,#mypage_nav li:nth-child(2) {
+border-right: none;
}
/* -----------------------------------------------
購入履歴詳細
----------------------------------------------- */
-#mypagecolumn .cartitemBox{
-padding:10px 0;
+#mypagecolumn .cartitemBox {
+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;
+#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;
}
-#historyBox p{
-font-size:12px;
-width:70%;
-display:inline;
-float:left;
+#historyBox p {
+font-size: 12px;
+width: 70%;
+display: inline;
+float: left;
}
-#historyBox .btn_reorder{
-width:5em;
-float:right;
-padding:15px;
-display:inline;
-margin:0;
+#historyBox .btn_reorder {
+width: 5em;
+float: right;
+padding: 15px;
+display: inline;
+margin: 0;
}
-#mypagecolumn .cartinContents div{
-min-height:65px;
+#mypagecolumn .cartinContents div {
+min-height: 65px;
}
-#mypagecolumn .cartinContents ul li.result{
-padding-top:0!important;
-padding-left:1em;
+#mypagecolumn .cartinContents ul li.result {
+padding-top: 0!important;
+padding-left: 1em;
}
/*メール履歴詳細*/
-#news_area li{
-padding:10px;
-display:block;
-clear:both;
-line-height:1.3;
-background-color:#FEFEFE;
+#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;
+border-top: #FFF solid 1px;
+border-bottom: #CCC solid 1px;
}
/* -----------------------------------------------
お気に入り
----------------------------------------------- */
-.favoriteBox{
-padding:10px;
-border-bottom:#CCC solid 1px;
-clear:both;
-position:relative;
+.favoriteBox {
+padding: 10px;
+border-bottom: #CCC solid 1px;
+clear: both;
+position: relative;
}
-.favoriteBox:last-child{
-border-bottom:none;
+.favoriteBox:last-child {
+border-bottom: none;
}
-.favoriteBox .photoL{
-width:80px;
+.favoriteBox .photoL {
+width: 80px;
}
-.favoriteContents{
-width:65%;
-float:right;
-display:block;
-position:relative;
+.favoriteContents {
+width: 65%;
+float: right;
+display: block;
+position: relative;
}
-.favoriteContents h4{
-margin-right:30px;
+.favoriteContents h4 {
+margin-right: 30px;
}
-.favoriteContents .btn_delete{
-padding:1px;
-right:0;
-float:right;
-position:absolute;
-top:0;
+.favoriteContents .btn_delete {
+padding: 1px;
+right: 0;
+float: right;
+position: absolute;
+top: 0;
}
/* -----------------------------------------------
会員登録内容変更
----------------------------------------------- */
-#mypagecolumn .thankstext{
-padding:15px 10px 10px 10px;
+#mypagecolumn .thankstext {
+padding: 15px 10px 10px 10px;
}
/* -----------------------------------------------
お届け先追加・変更
----------------------------------------------- */
-#mypagecolumn .btn_area_top{
-margin-top:10px;
+#mypagecolumn .btn_area_top {
+margin-top: 10px;
}
-.delivBox{
-padding:10px 10px 5px 10px;
-border-bottom:#CCC solid 1px;
-clear:both;
-position:relative;
+.delivBox {
+padding: 10px 10px 5px 10px;
+border-bottom: #CCC solid 1px;
+clear: both;
+position: relative;
}
-.delivBox:last-child{
-border-bottom:none;
+.delivBox:last-child {
+border-bottom: none;
}
/* -----------------------------------------------
退会手続き
----------------------------------------------- */
-.refusetxt{
-padding:15px 10px 10px 10px;
+.refusetxt {
+padding: 15px 10px 10px 10px;
}
-.refusetxt p:first-child{
-margin-bottom:10px;
+.refusetxt p:first-child {
+margin-bottom: 10px;
}
-.btn_refuse{
-padding:0;
-margin:20px auto 0 auto;
+.btn_refuse {
+padding: 0;
+margin: 20px auto 0 auto;
}
-.btn_refuse li{
-display:inline-block;
-vertical-align:middle;
+.btn_refuse li {
+display: inline-block;
+vertical-align: middle;
}
-.btn_refuse a.btn, .btn_refuse input[type="submit"].btn{
-font-size:13px!important;
-display:inline;
+.btn_refuse a.btn, .btn_refuse input[type="submit"].btn {
+font-size: 13px!important;
+display: inline;
}
-.btn_refuse li:first-child{
-margin-right:1em;
+.btn_refuse li:first-child {
+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 18:57:49 UTC (rev 21615)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/popup.css 2012-03-07 19:17:59 UTC (rev 21616)
@@ -7,108 +7,108 @@
/* -----------------------------------------------
ポップアップ画面
----------------------------------------------- */
-#windowcolumn{
-background:#FFF;
-padding-bottom:30px;
+#windowcolumn {
+background: #FFF;
+padding-bottom: 30px;
}
-#windowcolumn h2.title,#slidewindow h2.title{
+#windowcolumn h2.title,#slidewindow h2.title {
}
-#slidewindow .title_box,#windowcolumn .title_box{
-margin:0;
-padding:0!important;
-text-align:center;
-clear:both;
+#slidewindow .title_box,#windowcolumn .title_box {
+margin: 0;
+padding: 0!important;
+text-align: center;
+clear: both;
}
/**イントロダクション*/
-#windowcolumn .information{
-padding:15px 10px;
-border-bottom:none;
+#windowcolumn .information {
+padding: 15px 10px;
+border-bottom: none;
}
/* -----------------------------------------------
スライド画面
----------------------------------------------- */
-#slidewindow{
-background:#F0F0F1;
+#slidewindow {
+background: #F0F0F1;
}
/*jqm追記*/
-.ui-btn-right{
-top:9px!important;
-vertical-align:middle;
+.ui-btn-right {
+top: 9px!important;
+vertical-align: middle;
}
/* -----------------------------------------------
ログイン
----------------------------------------------- */
-.login_area{
-background:#FFF;
-padding:10px 15px;
-text-align:center;
+.login_area {
+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;
+.login_area_btm {
+padding: 15px 15px 50px 15px;
}
-.login_area_btm p:last-child{
-width:95%;
-margin:0 auto;
-line-height:1.3;
+.login_area_btm p:last-child {
+width: 95%;
+margin: 0 auto;
+line-height: 1.3;
}
-.loginareaBox{
-padding:15px 20px;
+.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;
+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;
+.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;
+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;
+.passtextBox {
+width: 97%;
+margin: 0;
+padding: 10px;
background: #fff;
-border-radius:0 0 7px 7px;
+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;
+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;
+.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;
}
-.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;
+.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;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.navBox li {
@@ -117,26 +117,26 @@
background-size: 10px 15px;
}
}
-.navBox li a{
-padding:10px;
-display:block;
-cursor:pointer;
+.navBox li a {
+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;
+input[type="submit"].nav_nonmember {
+width: 100%;
+padding: 10px;
+font-weight: bold;
+background: none;
+border: none;
+display: block;
+text-align: left;
}
-.navBox li:last-child{
-border-bottom:none;
+.navBox li:last-child {
+border-bottom: none;
}
-.navBox li a:link, .navBox li a:visited{
-color:#000;
+.navBox li a:link, .navBox li a:visited {
+color: #000;
}
@@ -144,22 +144,22 @@
パスワードを忘れた方
----------------------------------------------- */
.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;
+.window_area p {
+padding: 5px 10px;
+line-height: 1.3;
}
-.window_area #completebox{
+.window_area #completebox {
border: none;
-font-size:16px;
-font-weight:bold;
-color:#CC0000;
-text-align:center;
-padding:20px 10px;
+font-size: 16px;
+font-weight: bold;
+color: #CC0000;
+text-align: center;
+padding: 20px 10px;
-webkit-box-shadow: none;
width: 10em;
margin: auto;
@@ -168,14 +168,14 @@
/* -----------------------------------------------
ビュー画面
----------------------------------------------- */
-.view_detail{
-margin:0;
-min-height:150px;
+.view_detail {
+margin: 0;
+min-height: 150px;
}
-.view_detail dt{
-padding:10px 12px;
-border-bottom:#CCC solid 1px;
+.view_detail dt {
+padding: 10px 12px;
+border-bottom: #CCC solid 1px;
}
-.view_detail dd{
-padding:10px 12px;
+.view_detail dd {
+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 18:57:49 UTC (rev 21615)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/products.css 2012-03-07 19:17:59 UTC (rev 21616)
@@ -9,174 +9,174 @@
/* -----------------------------------------------
商品一覧・商品詳細・商品検索結果共通
----------------------------------------------- */
-.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;
+.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;
+background: #EEE;
+display: block;
}
-.pagenumberarea ul{
-width:95%;
-margin:0 auto;
-border:#A9ABAD solid 1px;
+.pagenumberarea ul {
+width: 95%;
+margin: 0 auto;
+border: #A9ABAD solid 1px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-display:block;
+display: block;
}
.pagenumberarea li {
color: #000;
-font-size:16px;
-font-weight:bold;
-margin:0;
-padding:0;
-display:inline;
+font-size: 16px;
+font-weight: bold;
+margin: 0;
+padding: 0;
+display: inline;
float: left;
width: 50%;
-text-align:center;
-color:#FFF;
-background:#5393c5;
+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;
+.pagenumberarea li a:link, .pagenumberarea li a:visited {
+color: #000;
}
.pagenumberarea li a {
color: #FFF;
display: block;
-padding:5px 0;
+padding: 5px 0;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(255,255,255,1);
}
-.pagenumberarea li.on_number{
+.pagenumberarea li.on_number {
color: #FFF;
display: block;
-padding:5px 0;
+padding: 5px 0;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
-.pagenumberarea li:first-child{
+.pagenumberarea li:first-child {
border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
}
-.pagenumberarea li:last-child{
+.pagenumberarea li:last-child {
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{
+.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;
+border-right: #A9ABAD solid 1px;
text-shadow: 1px 1px 1px rgba(255,255,255,1);
-background:#FDFDfD;
+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{
+.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;
+border-left: #FFF solid 1px;
text-shadow: 1px 1px 1px rgba(255,255,255,1);
-background:#FDFDfD;
+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;
+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;
+.pagenumberarea li.on_number {
+color: #FFF;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
-background:#5393c5;
+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;
+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;
+margin-bottom: 2px;
+padding: 2px 5px;
+font-size: 11px;
+text-shadow: none;
}
/* -----------------------------------------------
商品一覧
----------------------------------------------- */
-#product_list{
-padding-bottom:35px;
+#product_list {
+padding-bottom: 35px;
}
/* アイテムリスト(div)の処理
----------------------------------------------- */
.list_area {
margin: 0;
-padding:10px 5px 15px 10px;
-background-color:#FEFEFE;
+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;
+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;
+.list_area ul.status_icon {
+margin-bottom: 5px;
}
-.listphoto{
-margin:0 10px 10px 0;
-float:left;
-clear:left;
+.listphoto {
+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;
+.listrightblock h3 {
+font-size: 15px;
+clear: both;
}
-.listrightblock .listcomment{
-line-height:1.4;
+.listrightblock .listcomment {
+line-height: 1.4;
}
/* -----------------------------------------------
商品詳細
----------------------------------------------- */
-#product_detail{
-padding-bottom:35px;
+#product_detail {
+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;
+#detailrightblock {
+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: ".";
@@ -185,50 +185,50 @@
height: 0;
visibility: hidden;
}
-#detailrightblock div{
-border-bottom:#CCC solid 1px;
+#detailrightblock div {
+border-bottom: #CCC solid 1px;
}
#detailrightblock div#cartbtn_default {
border-bottom: none;
}
-#detailrightblock div:last-child{
-border-bottom:none;
-border-radius:0 0 7px 7px;
+#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;
}
/* 商品ステータスアイコン */
-#detailrightblock .status_icon{
-padding:10px 12px;
-border-bottom:#CCC solid 1px;
+#detailrightblock .status_icon {
+padding: 10px 12px;
+border-bottom: #CCC solid 1px;
}
/*商品情報（テキストなど）*/
-#detailrightblock .product_detail{
-padding:12px;
-border-bottom:#CCC solid 1px;
+#detailrightblock .product_detail {
+padding: 12px;
+border-bottom: #CCC solid 1px;
}
-#detailrightblock h3{
-font-size:14px;
-clear:both;
+#detailrightblock h3 {
+font-size: 14px;
+clear: both;
}
-#detailrightblock .price{
-font-size:14px;
+#detailrightblock .price {
+font-size: 14px;
}
-#detailrightblock .normal_price{
-font-size:11px;
+#detailrightblock .normal_price {
+font-size: 11px;
}
-.relative_cat{
-font-size:12px;
-margin-bottom:10px;
+.relative_cat {
+font-size: 12px;
+margin-bottom: 10px;
}
/*商品情報（規格部分）*/
-.cart_area{
-padding:12px;
+.cart_area {
+padding: 12px;
}
.cart_area dl {
margin: 0;
-padding:0;
+padding: 0;
}
.cart_area dt {
margin: 0;
@@ -236,359 +236,359 @@
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;
+.cartin_btn {
+padding: 15px 15px 15px 8px;
+background: #F1F0E7;
+border-top: #FFF solid 1px;
}
-.cartin_btn dl{
-width:40%;
-float:left;
-clear:left;
+.cartin_btn dl {
+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;
+.cartin_btn dt {
+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;
+.cartin_btn dd {
+width: 3.2em;
+display: inline;
+float: left;
+padding-top: 5px;
}
-.detail_quantity dd .quantitybox{
-width:3em;
+.detail_quantity dd .quantitybox {
+width: 3em;
}
-.cartbtn_default{
-width:54%;
-float:right;
-clear:right;
+.cartbtn_default {
+width: 54%;
+float: right;
+clear: right;
}
/*お気に入り*/
-.btn_favorite{
-padding:10px 15px;
-background:#F1F0E7;
+.btn_favorite {
+padding: 10px 15px;
+background: #F1F0E7;
}
/*サブエリア*/
-.subarea{
-padding:0 10px 20px 10px;
-margin-bottom:15px;
-border-bottom:#CCC solid 1px;
-clear:both;
+.subarea {
+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;
+.subarea h3 {
+margin-bottom: 10px;
+padding: 5px 0;
+border-bottom: #CCC solid 1px;
+clear: both;
}
-.subphotoimg{
-margin-left:10px;
-float:right;
-clear:right;
+.subphotoimg {
+margin-left: 10px;
+float: right;
+clear: right;
}
-#sub_area div:last-child{
-border-bottom:none;
+#sub_area div:last-child {
+border-bottom: none;
}
/*商品詳細メイン画像スライド*/
#detailphotoblock {
width: 100%;
background-color: #ffffff;
-text-align:center;
+text-align: center;
-webkit-box-shadow: 1px 5px 5px #ccc;
-moz-box-shadow: 1px 5px 5px #ccc;
-position:relative;
+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;
+#detailphotoblock li {
+width: 200px;
}
#detailphotoblock div.slideMask {
-position:absolute;
-top:0;
-left:0;
+position: absolute;
+top: 0;
+left: 0;
/*border:4px #FFF solid;*/
--webkit-box-sizing:border-box;
-margin-right:0!important;
+-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);
+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;
+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-size: 24px;
font-weight: bold;
-color:#7F7F7F;
-background-color:transparent;
-right:5px;
-top:100px;
-position:absolute;
+color: #7F7F7F;
+background-color: transparent;
+right: 5px;
+top: 100px;
+position: absolute;
}
#detailphotoblock div.flickSlideBottom div.bottomLeft {
-font-size:24px;
+font-size: 24px;
font-weight: bold;
-color:#7F7F7F;
-background-color:transparent;
-left:5px;
-top:100px;
-position:absolute;
+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;
+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;
+#product_detail .title_box_sub:last-child {
+margin-top: 20px;
}
-#whobought_area{
-width:100%;
-margin-top:15px;
-margin-bottom:15px;
-clear:both;
-position:relative;
+#whobought_area {
+width: 100%;
+margin-top: 15px;
+margin-bottom: 15px;
+clear: both;
+position: relative;
}
-#whobought_area h3{
-clear:both;
-line-height:1.2;
+#whobought_area h3 {
+clear: both;
+line-height: 1.2;
}
/*liの長さ追加*/
-#whobought_area li{
-width:80px;
+#whobought_area li {
+width: 80px;
}
-#whobought_area li img{
-margin-bottom:5px;
-clear:both;
+#whobought_area li img {
+margin-bottom: 5px;
+clear: both;
}
-#whobought_area .sale_price{
-clear:both;
-float:right;
-text-align:right;
+#whobought_area .sale_price {
+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);
+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;
+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-size: 16px;
font-weight: bold;
-color:#7F7F7F;
-background-color:transparent;
-right:0;
-top:80px;
-position:absolute;
+color: #7F7F7F;
+background-color: transparent;
+right: 0;
+top: 80px;
+position: absolute;
}
#whobought_area div.flickSlideBottom div.bottomLeft {
-font-size:16px;
+font-size: 16px;
font-weight: bold;
-color:#7F7F7F;
-background-color:transparent;
-left:0;
-top:80px;
-position:absolute;
+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 18:57:49 UTC (rev 21615)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/set.css 2012-03-07 19:17:59 UTC (rev 21616)
@@ -11,43 +11,43 @@
}
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;
}
-img{
+img {
border: 0;
vertical-align: bottom;
}
-img a{
-border:0;
-text-decoration:none;
+img a {
+border: 0;
+text-decoration: none;
}
ul, ol {
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 メーリングリストの案内