Changeset 21240 for branches/version-2_11-dev/html/user_data
- Timestamp:
- 2011/09/16 11:32:41 (15 years ago)
- Location:
- branches/version-2_11-dev/html/user_data/packages
- Files:
-
- 2 edited
-
default/css/bloc.css (modified) (12 diffs)
-
sphone/css/block.css (modified) (20 diffs)
Legend:
- Unmodified
- Added
- Removed
-
branches/version-2_11-dev/html/user_data/packages/default/css/bloc.css
r20408 r21240 98 98 99 99 /* タイトルの背景 オレンジ */ 100 #recom end_area h2 ,100 #recommend_area h2 , 101 101 #news_area h2 { 102 102 padding: 5px 0 8px 10px; … … 356 356 /* 共通 357 357 ----------------------------------------------- */ 358 #recom end_area .bloc_body ,358 #recommend_area .bloc_body , 359 359 #whobought_area .whobought_bloc { 360 360 margin-bottom: 10px; … … 365 365 } 366 366 367 #recom end_area .bloc_body p ,367 #recommend_area .bloc_body p , 368 368 #whobought_area .whobought_bloc p { 369 369 margin: 0 0 5px 0; 370 370 } 371 371 372 #recom end_area .bloc_body img ,372 #recommend_area .bloc_body img , 373 373 #whobought .whobought_bloc img { 374 374 display: block; … … 377 377 } 378 378 379 #recom end_area .bloc_body h3 ,379 #recommend_area .bloc_body h3 , 380 380 #whobought_area .whobought_bloc h3 { 381 381 font-size: 100%; … … 386 386 /* 画像 387 387 ----------------------------------------------- */ 388 #recom end_area .bloc_body .productImage ,388 #recommend_area .bloc_body .productImage , 389 389 #whobought_area .whobought_bloc .productImage { 390 390 margin-bottom: 10px; … … 396 396 /* 左右の振り分け 397 397 ----------------------------------------------- */ 398 #one_maincolumn #recom end_area .recomendleft ,399 #two_maincolumn_right #recom end_area .recomendleft ,400 #two_maincolumn_left #recom end_area .recomendleft ,401 #three_maincolumn #recom end_area .recomendleft ,398 #one_maincolumn #recommend_area .recommendleft , 399 #two_maincolumn_right #recommend_area .recommendleft , 400 #two_maincolumn_left #recommend_area .recommendleft , 401 #three_maincolumn #recommend_area .recommendleft , 402 402 #whobought_area .whobought_bloc .whobought_left { 403 403 float: left; 404 404 width: 47.5%; 405 405 } 406 #one_maincolumn #recom end_area .recomendright ,407 #two_maincolumn_right #recom end_area .recomendright ,408 #two_maincolumn_left #recom end_area .recomendright ,409 #three_maincolumn #recom end_area .recomendright ,406 #one_maincolumn #recommend_area .recommendright , 407 #two_maincolumn_right #recommend_area .recommendright , 408 #two_maincolumn_left #recommend_area .recommendright , 409 #three_maincolumn #recommend_area .recommendright , 410 410 #whobought_area .whobought_bloc .whobought_right { 411 411 float: right; … … 417 417 ----------------------------------------------- */ 418 418 /* メインカラム用 1カラム時*/ 419 #one_maincolumn #recom end_area .bloc_body .productContents {419 #one_maincolumn #recommend_area .bloc_body .productContents { 420 420 float: right; 421 421 width: 74%; … … 423 423 424 424 /* メインカラム用 2カラム時*/ 425 #two_maincolumn_right #recom end_area .bloc_body .productContents ,426 #two_maincolumn_left #recom end_area .bloc_body .productContents ,425 #two_maincolumn_right #recommend_area .bloc_body .productContents , 426 #two_maincolumn_left #recommend_area .bloc_body .productContents , 427 427 #two_maincolumn_right #whobought_area .whobought_bloc .productContents , 428 428 #two_maincolumn_left #whobought_area .whobought_bloc .productContents { … … 432 432 433 433 /* メインカラム用 3カラム時*/ 434 #three_maincolumn #recom end_area .bloc_body .productContents ,434 #three_maincolumn #recommend_area .bloc_body .productContents , 435 435 #three_maincolumn #whobought_area .whobought_bloc .productContents { 436 436 float: right; … … 439 439 440 440 /* サイドカラム用 (幅px固定) */ 441 .side_column #recom end_area .bloc_body {441 .side_column #recommend_area .bloc_body { 442 442 margin-top: 5px; 443 443 margin-right: 0; … … 445 445 padding: 0; 446 446 } 447 .side_column #recom end_area .bloc_body .productContents {447 .side_column #recommend_area .bloc_body .productContents { 448 448 padding: 0; 449 449 margin: 0; 450 450 width: 80px; 451 451 } 452 .side_column #recom end_area .recomendleft {452 .side_column #recommend_area .recommendleft { 453 453 padding: 0; 454 454 width: 70px; 455 455 float: left; 456 456 } 457 .side_column #recom end_area .recomendright {457 .side_column #recommend_area .recommendright { 458 458 margin: 0; 459 459 padding: 0; … … 463 463 464 464 /* IE6以下*/ 465 * html .side_column #recom end_area .bloc_body {465 * html .side_column #recommend_area .bloc_body { 466 466 width: 180px; 467 467 } -
branches/version-2_11-dev/html/user_data/packages/sphone/css/block.css
r21163 r21240 32 32 オススメ商品 33 33 ----------------------------------------------- */ 34 #recom end_area{34 #recommend_area{ 35 35 margin:15px 10px 20px 10px; 36 36 padding-top:10px; … … 40 40 -moz-border-radius: 8px; 41 41 } 42 #recom end_area h2{42 #recommend_area h2{ 43 43 font-size:12px; 44 44 margin-left:10px; 45 45 } 46 #recom end_area li{46 #recommend_area li{ 47 47 width:290px; 48 48 } 49 .recom endblock{49 .recommendblock{ 50 50 width:270px; 51 51 padding:5px 10px 5px 8px; … … 53 53 clear:both; 54 54 } 55 .recom endblock img{55 .recommendblock img{ 56 56 width:80px; 57 57 float:left; 58 58 } 59 .recom endblock .productContents{59 .recommendblock .productContents{ 60 60 width:68%; 61 61 float:right; 62 62 text-align:left; 63 63 } 64 .recom endblock .productContents p{65 clear:both; 66 } 67 .recom endblock .productContents p.comment{64 .recommendblock .productContents p{ 65 clear:both; 66 } 67 .recommendblock .productContents p.comment{ 68 68 width:17em; 69 69 height:3.7em; … … 74 74 clear:both; 75 75 } 76 .recom endblock .sale_price{76 .recommendblock .sale_price{ 77 77 clear:both; 78 78 float:right; 79 79 text-align:right; 80 80 } 81 #recom end_area div.moveWrap {81 #recommend_area div.moveWrap { 82 82 width:290px; 83 83 height:auto; … … 88 88 } 89 89 90 #recom end_area ul.moveWrapBG {90 #recommend_area ul.moveWrapBG { 91 91 margin:0; 92 92 padding:0; … … 98 98 -webkit-box-sizing:border-box; 99 99 } 100 #recom end_area div.slideMask {100 #recommend_area div.slideMask { 101 101 margin:0 auto; 102 102 padding:0; … … 108 108 -webkit-box-sizing:border-box; 109 109 } 110 #recom end_area div.moveWrap>ul.move {110 #recommend_area div.moveWrap>ul.move { 111 111 width:10000px; 112 112 margin:0; … … 122 122 display:none; 123 123 } 124 #recom end_area div.moveWrap>ul.move li.slideUnit {124 #recommend_area div.moveWrap>ul.move li.slideUnit { 125 125 width:290px!important; 126 126 margin:0; … … 131 131 -webkit-box-sizing:border-box; 132 132 } 133 #recom end_area li.slideUnit>div {133 #recommend_area li.slideUnit>div { 134 134 padding:4px; 135 135 display:inline-block; … … 138 138 -webkit-box-sizing:border-box; 139 139 } 140 #recom end_area div.flickSlideBottom {140 #recommend_area div.flickSlideBottom { 141 141 width:100%; 142 142 margin-top:5px; … … 151 151 moz-border-bottom-left-radius:8px; 152 152 } 153 #recom end_area div.flickSlideBottom div.bottomLeft,#recomend_area div.flickSlideBottom div.bottomRight {153 #recommend_area div.flickSlideBottom div.bottomLeft,#recommend_area div.flickSlideBottom div.bottomRight { 154 154 display:table-cell; 155 155 -webkit-box-sizing:border-box; … … 158 158 padding:0 10px; 159 159 } 160 #recom end_area div.flickSlideBottom div.bottomRight {160 #recommend_area div.flickSlideBottom div.bottomRight { 161 161 font-size:16px; 162 162 font-weight: bold; … … 168 168 border-left:#DBDBDB solid 1px; 169 169 } 170 #recom end_area div.flickSlideBottom div.bottomLeft {170 #recommend_area div.flickSlideBottom div.bottomLeft { 171 171 font-size:16px; 172 172 font-weight: bold; … … 178 178 border-right:#DBDBDB solid 1px; 179 179 } 180 #recom end_area div.flickSlideBottom div.bottomLeft:after {180 #recommend_area div.flickSlideBottom div.bottomLeft:after { 181 181 font-size:10px; 182 182 padding:5px; … … 184 184 display:table-cell; 185 185 } 186 #recom end_area div.flickSlideBottom div.bottomLeft:before {186 #recommend_area div.flickSlideBottom div.bottomLeft:before { 187 187 margin-top:2px; 188 188 padding:5px; … … 190 190 display:table-cell; 191 191 } 192 #recom end_area div.flickSlideBottom div.bottomRight:before {192 #recommend_area div.flickSlideBottom div.bottomRight:before { 193 193 font-size:10px; 194 194 padding:5px; … … 196 196 display:table-cell; 197 197 } 198 #recom end_area div.flickSlideBottom div.bottomRight:after {198 #recommend_area div.flickSlideBottom div.bottomRight:after { 199 199 margin-top:2px; 200 200 padding:5px; … … 202 202 display:table-cell; 203 203 } 204 #recom end_area div.flickSlideBottom ul.slidePager {204 #recommend_area div.flickSlideBottom ul.slidePager { 205 205 width:100%; 206 206 margin:0; … … 209 209 text-align:center; 210 210 } 211 #recom end_area div.flickSlideBottom ul.slidePager li.slidePagerPointer {211 #recommend_area div.flickSlideBottom ul.slidePager li.slidePagerPointer { 212 212 font-size:10px; 213 213 width:6px; … … 220 220 -moz-border-radius: 6px; 221 221 } 222 #recom end_area div.flickSlideBottom ul.slidePager li.slidePagerPointer.active {222 #recommend_area div.flickSlideBottom ul.slidePager li.slidePagerPointer.active { 223 223 background-color:#333; 224 224 }
Note: See TracChangeset
for help on using the changeset viewer.
