- Timestamp:
- 2011/07/31 15:25:24 (13 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
branches/version-2_11-dev/html/user_data/packages/sphone/css/table.css
r20764 r21081 4 4 ----------------------------------------------- */ 5 5 ul { 6 background: #fff;7 border: 1px solid #B4B4B4;8 font: bold 100% 'Helvetica-Bold';9 padding: 0;10 margin: 10px 0;11 text-align: left;12 -webkit-border-radius: 8px;6 background: #fff; 7 border: 1px solid #B4B4B4; 8 font: bold 100% 'Helvetica-Bold'; 9 padding: 0; 10 margin: 10px 0; 11 text-align: left; 12 -webkit-border-radius: 8px; 13 13 } 14 14 ul li { 15 color: #999999;16 border-top: 1px solid #B4B4B4;17 list-style-type: none;18 padding: 4px 6px;15 color: #999999; 16 border-top: 1px solid #B4B4B4; 17 list-style-type: none; 18 padding: 4px 6px; 19 19 } 20 20 21 21 ul#paymentP, ul#mypageT { 22 background: #fff;23 border: 1px solid #B4B4B4;24 font:normal 100% 'Helvetica';25 padding: 0;26 margin: 10px 0;27 text-align: left;28 -webkit-border-radius: 8px;22 background: #fff; 23 border: 1px solid #B4B4B4; 24 font:normal 100% 'Helvetica'; 25 padding: 0; 26 margin: 10px 0; 27 text-align: left; 28 -webkit-border-radius: 8px; 29 29 } 30 30 31 31 ul#paymentP li, ul#mypageT li { 32 color: #000000;33 list-style-type: none;34 padding: 4px 6px;32 color: #000000; 33 list-style-type: none; 34 padding: 4px 6px; 35 35 } 36 36 37 37 li:first-child { 38 border-top: 0;39 -webkit-border-top-left-radius: 8px;40 -webkit-border-top-right-radius: 8px;38 border-top: 0; 39 -webkit-border-top-left-radius: 8px; 40 -webkit-border-top-right-radius: 8px; 41 41 } 42 42 li:last-child { 43 -webkit-border-bottom-left-radius: 8px;44 -webkit-border-bottom-right-radius: 8px;43 -webkit-border-bottom-left-radius: 8px; 44 -webkit-border-bottom-right-radius: 8px; 45 45 } 46 46 … … 48 48 ----------------------------------------------- */ 49 49 ul li a, li.img a + a { 50 color: #000;51 text-decoration: none;52 text-overflow: ellipsis;53 white-space: nowrap;54 overflow: hidden;55 display: block;56 padding: 12px 10px 12px 10px;57 margin: -10px;50 color: #000; 51 text-decoration: none; 52 text-overflow: ellipsis; 53 white-space: nowrap; 54 overflow: hidden; 55 display: block; 56 padding: 12px 10px 12px 10px; 57 margin: -10px; 58 58 } 59 59 ul li.img a + a { 60 margin: -10px 10px -20px -5px;61 font-size: 100%;62 font-weight: bold;60 margin: -10px 10px -20px -5px; 61 font-size: 100%; 62 font-weight: bold; 63 63 } 64 64 ul li.img a + a + a { 65 font-size: 100%;66 font-weight: normal;67 margin-left: -10px;68 margin-bottom: -10px;69 margin-top: 0;65 font-size: 100%; 66 font-weight: normal; 67 margin-left: -10px; 68 margin-bottom: -10px; 69 margin-top: 0; 70 70 } 71 71 ul li.img a + small + a { 72 margin-left: -5px;72 margin-left: -5px; 73 73 } 74 74 ul li.img a + small + a + a { 75 margin-left: -10px;76 margin-top: -20px;77 margin-bottom: -10px;78 font-size: 100%;79 font-weight: normal;75 margin-left: -10px; 76 margin-top: -20px; 77 margin-bottom: -10px; 78 font-size: 100%; 79 font-weight: normal; 80 80 } 81 81 ul li.img a + small + a + a + a { 82 margin-left: 0px !important;83 margin-bottom: 0;82 margin-left: 0px !important; 83 margin-bottom: 0; 84 84 } 85 85 ul li a + a { 86 color: #000;87 font: 100% 'Helvetica';88 text-overflow: ellipsis;89 white-space: nowrap;90 overflow: hidden;91 display: block;92 margin: 0;93 padding: 0;86 color: #000; 87 font: 100% 'Helvetica'; 88 text-overflow: ellipsis; 89 white-space: nowrap; 90 overflow: hidden; 91 display: block; 92 margin: 0; 93 padding: 0; 94 94 } 95 95 ul li a + a + a, ul li.img a + a + a + a, ul li.img a + small + a + a + a { 96 color: #666;97 font: 100% 'Helvetica';98 margin: 0;99 text-overflow: ellipsis;100 white-space: nowrap;101 overflow: hidden;102 display: block;103 padding: 0;96 color: #666; 97 font: 100% 'Helvetica'; 98 margin: 0; 99 text-overflow: ellipsis; 100 white-space: nowrap; 101 overflow: hidden; 102 display: block; 103 padding: 0; 104 104 } 105 105 … … 107 107 ----------------------------------------------- */ 108 108 table { 109 width: 100%;110 max-width: 300px;111 margin: 10px 0 20px;112 text-align: center;113 vertical-align: middle;114 border-collapse: collapse;115 border-spacing: 0;116 -webkit-border-radius: 8px;117 -webkit-box-shadow: 0 0 4px #000000;109 width: 100%; 110 max-width: 300px; 111 margin: 10px 0 20px; 112 text-align: center; 113 vertical-align: middle; 114 border-collapse: collapse; 115 border-spacing: 0; 116 -webkit-border-radius: 8px; 117 -webkit-box-shadow: 0 0 4px #000000; 118 118 } 119 119 table tr { 120 border-bottom: solid 1px #cccccc;121 -webkit-border-radius: 8px;120 border-bottom: solid 1px #cccccc; 121 -webkit-border-radius: 8px; 122 122 } 123 123 table > tr:last-child, 124 124 table > tbody > tr:last-child { 125 border-bottom: none;125 border-bottom: none; 126 126 } 127 127 table th, 128 128 table td { 129 margin: 0;130 max-width: 250px;131 height: 2em;132 background-color: #ffffff;133 border: none;134 -webkit-border-radius: 0;135 font-weight:normal;129 margin: 0; 130 max-width: 250px; 131 height: 2em; 132 background-color: #ffffff; 133 border: none; 134 -webkit-border-radius: 0; 135 font-weight:normal; 136 136 } 137 137 table th { 138 background-color: #f0f0f0;138 background-color: #f0f0f0; 139 139 } 140 140 table td { 141 background-color: #ffffff;141 background-color: #ffffff; 142 142 } 143 143 table tr:first-of-type th:first-child, 144 144 table tr:first-of-type td:first-child { 145 -webkit-border-top-left-radius: inherit;145 -webkit-border-top-left-radius: inherit; 146 146 } 147 147 table tr:first-of-type th:last-child, 148 148 table tr:first-of-type td:last-child { 149 -webkit-border-top-right-radius: inherit;149 -webkit-border-top-right-radius: inherit; 150 150 } 151 151 table tr:last-of-type th:first-child, 152 152 table tr:last-of-type td:first-child { 153 -webkit-border-bottom-left-radius: inherit;153 -webkit-border-bottom-left-radius: inherit; 154 154 } 155 155 table tr:last-of-type th:last-child, 156 156 table tr:last-of-type td:last-child { 157 -webkit-border-bottom-right-radius: inherit;157 -webkit-border-bottom-right-radius: inherit; 158 158 } 159 159 table > thead tr:last-of-type th:first-child, … … 161 161 table > thead tr:last-of-type th:last-child, 162 162 table > thead tr:last-of-type td:last-child { 163 -webkit-border-bottom-left-radius: 0;164 -webkit-border-bottom-right-radius: 0;163 -webkit-border-bottom-left-radius: 0; 164 -webkit-border-bottom-right-radius: 0; 165 165 } 166 166 table > thead + tbody > tr:first-of-type th:first-child, … … 168 168 table > thead + tbody > tr:first-of-type th:last-child, 169 169 table > thead + tbody > tr:first-of-type td:last-child { 170 -webkit-border-top-left-radius: 0;171 -webkit-border-top-right-radius: 0;170 -webkit-border-top-left-radius: 0; 171 -webkit-border-top-right-radius: 0; 172 172 } 173 173 … … 175 175 ----------------------------------------------- */ 176 176 #block { 177 width: 100%;178 background-color: #ffffff;179 -webkit-border-radius: 8px;180 -webkit-box-shadow: 0px 0px 4px #000000;181 margin: 10px 0;177 width: 100%; 178 background-color: #ffffff; 179 -webkit-border-radius: 8px; 180 -webkit-box-shadow: 0px 0px 4px #000000; 181 margin: 10px 0; 182 182 } 183 183 .box-wrap { 184 display:inline-block;185 width: 100%;186 border-top: 1px solid #cccccc;184 display:inline-block; 185 width: 100%; 186 border-top: 1px solid #cccccc; 187 187 } 188 188 .box-wrap:first-child { 189 border-top: none;190 -webkit-border-top-left-radius: 8px;191 -webkit-border-top-right-radius: 8px;189 border-top: none; 190 -webkit-border-top-left-radius: 8px; 191 -webkit-border-top-right-radius: 8px; 192 192 } 193 193 .box-wrap:last-child { 194 -webkit-border-bottom-left-radius: 8px;195 -webkit-border-bottom-right-radius: 8px;194 -webkit-border-bottom-left-radius: 8px; 195 -webkit-border-bottom-right-radius: 8px; 196 196 } 197 197 .box-photo { 198 float:left;199 display:block;200 margin-left: 10px;201 margin-right: 10px;202 position: relative;198 float:left; 199 display:block; 200 margin-left: 10px; 201 margin-right: 10px; 202 position: relative; 203 203 } 204 204 .box-data { 205 display:block;206 margin: 0px 8px;207 text-align: left;205 display:block; 206 margin: 0px 8px; 207 text-align: left; 208 208 } 209 209 .box-data h3 { 210 margin: 0px;211 white-space: nowrap;212 overflow: hidden;213 text-overflow: ellipsis;214 -webkit-text-overflow: ellipsis;210 margin: 0px; 211 white-space: nowrap; 212 overflow: hidden; 213 text-overflow: ellipsis; 214 -webkit-text-overflow: ellipsis; 215 215 } 216 216 .box-data h3 a { 217 font-size: 100%;218 text-decoration: none;217 font-size: 100%; 218 text-decoration: none; 219 219 } 220 220 .description, .box-comment { 221 font: bold 100% Osaka;222 line-height: 1.5em;223 white-space: nowrap;224 overflow: hidden;225 text-overflow: ellipsis;226 -webkit-text-overflow: ellipsis;221 font: bold 100% Osaka; 222 line-height: 1.5em; 223 white-space: nowrap; 224 overflow: hidden; 225 text-overflow: ellipsis; 226 -webkit-text-overflow: ellipsis; 227 227 } 228 228 .box-price { 229 color: #993333;230 font: bold 100% Osaka;231 line-height: 1.5em;229 color: #993333; 230 font: bold 100% Osaka; 231 line-height: 1.5em; 232 232 } 233 233 … … 237 237 .recomendblock, 238 238 .whoboughtblock{ 239 margin-top: 0;240 margin-bottom: 0;239 margin-top: 0; 240 margin-bottom: 0; 241 241 } 242 242 .recomendblock > div , 243 243 .whoboughtblock > div { 244 margin-top: 0;245 margin-bottom: 0;246 -webkit-border-radius: 0;244 margin-top: 0; 245 margin-bottom: 0; 246 -webkit-border-radius: 0; 247 247 } 248 248 .recomendblock > div, 249 249 .whoboughtblock > div { 250 width: 100%;251 display:inline-block;252 background-color: #eeeeee;253 border-bottom: 1px solid #ffffff;254 padding: 5px 0;250 width: 100%; 251 display:inline-block; 252 background-color: #eeeeee; 253 border-bottom: 1px solid #ffffff; 254 padding: 5px 0; 255 255 } 256 256 .recomendblock > div > a, … … 258 258 .whoboughtblock > div > a, 259 259 .whoboughtblock > div > div{ 260 float: left;260 float: left; 261 261 } 262 262 .recomendblock:first-of-type > div:first-of-type , 263 263 .whoboughtblock:first-of-type > div:first-of-type { 264 -webkit-border-top-left-radius: 8px;265 -webkit-border-top-right-radius: 8px;264 -webkit-border-top-left-radius: 8px; 265 -webkit-border-top-right-radius: 8px; 266 266 } 267 267 .recomendblock:last-of-type > div:last-of-type , 268 268 .whoboughtblock:last-of-type > div:last-of-type { 269 border-bottom: none;270 -webkit-border-bottom-left-radius: 8px;271 -webkit-border-bottom-right-radius: 8px;269 border-bottom: none; 270 -webkit-border-bottom-left-radius: 8px; 271 -webkit-border-bottom-right-radius: 8px; 272 272 } 273 273 274 274 .recomendrightblock { 275 display: block;276 width: 100%;277 height: 100%;275 display: block; 276 width: 100%; 277 height: 100%; 278 278 } 279 279 280 280 .recomendrightblock, 281 281 .whoboughtrightblock{ 282 width: 63%;282 width: 63%; 283 283 } 284 284 .recomendrightblock > h3, … … 288 288 margin-top: 0; 289 289 margin-bottom: 0; 290 290 font-size:90%; 291 291 } 292 292 .recomendblock img, 293 293 .whoboughtblock img, 294 294 .listphoto { 295 float:left;296 display:block;297 margin: 3px 10px;298 position: relative;295 float:left; 296 display:block; 297 margin: 3px 10px; 298 position: relative; 299 299 } 300 300 .recommend-photo img, 301 301 .listphoto img { 302 width: 80px;302 width: 80px; 303 303 } 304 304 305 305 div.listrightblock { 306 float:right;307 text-align:left;308 width:65%;306 float:right; 307 text-align:left; 308 width:65%; 309 309 } 310 310 311 311 .recommend-box h3 { 312 font-weight: bold;313 font-size: 100%;314 font-family: helvetica;315 margin: 0.4em 0 0;316 white-space: nowrap;317 overflow: hidden;318 text-overflow: ellipsis;319 -webkit-text-overflow: ellipsis;312 font-weight: bold; 313 font-size: 100%; 314 font-family: helvetica; 315 margin: 0.4em 0 0; 316 white-space: nowrap; 317 overflow: hidden; 318 text-overflow: ellipsis; 319 -webkit-text-overflow: ellipsis; 320 320 } 321 321 .recommend-box h3 a { 322 font-size: 100%;323 text-decoration: none;322 font-size: 100%; 323 text-decoration: none; 324 324 } 325 325 .description, 326 326 .recommend-comment { 327 font-weight: normal;328 font-size: 100%;329 font-family: Osaka;330 line-height: 1.5em;331 white-space: nowrap;332 overflow: hidden;333 text-overflow: ellipsis;334 -webkit-text-overflow: ellipsis;335 margin: 0;327 font-weight: normal; 328 font-size: 100%; 329 font-family: Osaka; 330 line-height: 1.5em; 331 white-space: nowrap; 332 overflow: hidden; 333 text-overflow: ellipsis; 334 -webkit-text-overflow: ellipsis; 335 margin: 0; 336 336 } 337 337 .price, 338 .recommend-price {339 color: #ff0000;340 font-size: 90%;341 line-height: 1.5em;342 margin-bottom: 0.3em;338 .recommend-price { 339 color: #ff0000; 340 font-size: 90%; 341 line-height: 1.5em; 342 margin-bottom: 0.3em; 343 343 } 344 344 345 345 .paymentprice { 346 color: #ff0000;347 line-height: 1.5em;348 margin-bottom: 0.3em;349 font-weight:bold;346 color: #ff0000; 347 line-height: 1.5em; 348 margin-bottom: 0.3em; 349 font-weight:bold; 350 350 } 351 351 … … 353 353 ----------------------------------------------- */ 354 354 .listarea { 355 width: 100%;356 background-color: #ffffff;357 border-bottom: solid 1px #CCC;358 margin: 0;359 margin-top: 0;360 margin-bottom: 0;361 padding:15px 0;362 -webkit-border-radius: 0;363 -webkit-box-shadow: none;355 width: 100%; 356 background-color: #ffffff; 357 border-bottom: solid 1px #CCC; 358 margin: 0; 359 margin-top: 0; 360 margin-bottom: 0; 361 padding:15px 0; 362 -webkit-border-radius: 0; 363 -webkit-box-shadow: none; 364 364 } 365 365 #page_navi_top + .listarea{ 366 margin-bottom: 0;367 -webkit-border-top-left-radius: 8px;368 -webkit-border-top-right-radius: 8px;366 margin-bottom: 0; 367 -webkit-border-top-left-radius: 8px; 368 -webkit-border-top-right-radius: 8px; 369 369 } 370 370 .listarea:last-of-type{ 371 border: none;372 -webkit-border-bottom-left-radius: 8px;373 -webkit-border-bottom-right-radius: 8px;371 border: none; 372 -webkit-border-bottom-left-radius: 8px; 373 -webkit-border-bottom-right-radius: 8px; 374 374 } 375 375 .listrightblock > ul { … … 386 386 .listrightblock > p:first-child, 387 387 .listrightblock > ul:first-child, 388 margin-top: 0;388 margin-top: 0; 389 389 } 390 390 .listrightblock > ul > li { 391 margin: 0;392 padding: 0 3px 0 0;391 margin: 0; 392 padding: 0 3px 0 0; 393 393 } 394 394 .listrightblock > h3:last-child, 395 395 .listrightblock > p:last-child { 396 margin-bottom: 0;396 margin-bottom: 0; 397 397 } 398 398 399 399 .newitem-line-list .newitem-box-wrap-end { 400 border-bottom: 1px solid #cccccc;400 border-bottom: 1px solid #cccccc; 401 401 } 402 402 403 403 div.listarea span.pricebox { 404 font-size:90%;404 font-size:90%; 405 405 } 406 406 … … 409 409 #page_navi_top, 410 410 #page_navi_bottom { 411 border: none;412 -webkit-box-shadow: none;413 clear: both;414 width: 100%;415 border-spacing: 0 0;416 border-collapse: collapse;417 margin-top:10px;411 border: none; 412 -webkit-box-shadow: none; 413 clear: both; 414 width: 100%; 415 border-spacing: 0 0; 416 border-collapse: collapse; 417 margin-top:10px; 418 418 } 419 419 #page_navi_top tr, 420 420 #page_navi_bottom tr { 421 width: 100%;421 width: 100%; 422 422 } 423 423 #page_navi_top td, 424 424 #page_navi_bottom td { 425 text-align: left;426 background-color: transparent;425 text-align: left; 426 background-color: transparent; 427 427 } 428 428 429 429 .change a, 430 430 .change strong { 431 display: block;432 float: left;433 margin: 5px 0px;434 padding: 0.3em 0;435 color: #ffffff;436 width: 49.6%;437 text-shadow: 0px -1px 1px rgba(0,0,0,0.5);438 background-color: #666666;439 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05)));440 text-align:center;441 vertical-align: middle;442 text-decoration: none;443 border-left: solid 1px #666666;431 display: block; 432 float: left; 433 margin: 5px 0px; 434 padding: 0.3em 0; 435 color: #ffffff; 436 width: 49.6%; 437 text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 438 background-color: #666666; 439 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); 440 text-align:center; 441 vertical-align: middle; 442 text-decoration: none; 443 border-left: solid 1px #666666; 444 444 } 445 445 .change > a:first-child, 446 446 .change > strong:first-child { 447 border-left: none;448 -webkit-border-top-left-radius: 4px;449 -webkit-border-bottom-left-radius: 4px;447 border-left: none; 448 -webkit-border-top-left-radius: 4px; 449 -webkit-border-bottom-left-radius: 4px; 450 450 } 451 451 .change > a:last-child, 452 452 .change > strong:last-child{ 453 margin-left: 1px;454 -webkit-border-top-right-radius: 4px;455 -webkit-border-bottom-right-radius: 4px;453 margin-left: 1px; 454 -webkit-border-top-right-radius: 4px; 455 -webkit-border-bottom-right-radius: 4px; 456 456 } 457 457 .change select { 458 margin-right: 0;458 margin-right: 0; 459 459 } 460 460 … … 463 463 464 464 table[summary="商品情報"]{ 465 font-size: 80%;465 font-size: 80%; 466 466 } 467 467 468 468 table[summary="商品情報"] tr:nth-child(even) td{ 469 background-color: #ffffff;469 background-color: #ffffff; 470 470 } 471 471 /*table[summary="商品情報"] tr:nth-child(odd) td{ 472 background-color: #f0f0f0;472 background-color: #f0f0f0; 473 473 }*/ 474 474 475 475 table[summary="商品情報"] td{ 476 477 text-align: center; 478 vertical-align: middle; 479 max-width: 200px; 476 text-align: center; 477 vertical-align: middle; 478 max-width: 200px; 480 479 } 481 480 table[summary="商品情報"] tr:nth-child(even) td:last-child{ 482 width: 21%;483 overflow: visible;481 width: 21%; 482 overflow: visible; 484 483 } 485 484 table[summary="商品情報"] ul, 486 485 table[summary="商品情報"] ul li, 487 486 table[summary="商品情報"] ul li a { 488 display: inline;489 margin: 0;490 padding: 0;491 border: none;487 display: inline; 488 margin: 0; 489 padding: 0; 490 border: none; 492 491 } 493 492 table[summary="商品情報"] ul li a{ 494 display: inline-block;495 margin: 1px;496 padding:0;493 display: inline-block; 494 margin: 1px; 495 padding:0; 497 496 } 498 497 /*table[summary="商品情報"] tr:nth-last-of-type(1) td, 499 498 table[summary="商品情報"] tr:nth-last-of-type(2) td, 500 499 table[summary="商品情報"] tr:nth-last-of-type(3) td { 501 background-color: #ffffff;502 text-align: center;503 min-width:30px;500 background-color: #ffffff; 501 text-align: center; 502 min-width:30px; 504 503 }*/ 505 504 506 505 table td.detailtdName { 507 text-align:left;508 width:100px;506 text-align:left; 507 width:100px; 509 508 } 510 509 511 510 table td.detailtdPM { 512 text-align:center;513 width:40px;511 text-align:center; 512 width:40px; 514 513 } 515 514 516 515 517 516 table td.detailtdYenT { 518 text-align:right;519 width:80px;517 text-align:right; 518 width:80px; 520 519 } 521 520 522 521 table th.resulttd { 523 text-align:left;522 text-align:left; 524 523 } 525 524 table td.mailtd { 526 text-align:left;525 text-align:left; 527 526 } 528 527 529 528 table td.product_td { 530 font-size:80%;529 font-size:80%; 531 530 } 532 531 533 532 table td p.no_margin { 534 margin:0;533 margin:0; 535 534 } 536 535 … … 538 537 ----------------------------------------------- */ 539 538 #detailrightblock table th { 540 font-size: 80%;541 font-weight: normal;542 width: 100px;543 text-align:left;539 font-size: 80%; 540 font-weight: normal; 541 width: 100px; 542 text-align:left; 544 543 } 545 544 546 545 #detailrightblock table h2 { 547 font-size: 120%;546 font-size: 120%; 548 547 } 549 548 … … 551 550 ----------------------------------------------- */ 552 551 table[summary="お客様情報入力"] td{ 553 padding-left:5px;554 text-align: left;555 vertical-align: middle;552 padding-left:5px; 553 text-align: left; 554 vertical-align: middle; 556 555 } 557 556 … … 559 558 ----------------------------------------------- */ 560 559 table[summary="会員登録内容変更"] td{ 561 padding-left:5px;562 text-align: left;563 vertical-align: middle;560 padding-left:5px; 561 text-align: left; 562 vertical-align: middle; 564 563 } 565 564 … … 567 566 ----------------------------------------------- */ 568 567 table[summary="お届け先登録"] td{ 569 padding-left:5px;570 text-align: left;571 vertical-align: middle;568 padding-left:5px; 569 text-align: left; 570 vertical-align: middle; 572 571 } 573 572 … … 575 574 ----------------------------------------------- */ 576 575 #undercolumn_contact table td { 577 text-align: left;576 text-align: left; 578 577 } 579 578 … … 581 580 -----------------------------------------------*/ 582 581 ul#categorytree { 583 font-size: 100%;584 margin: 0 0 15px;582 font-size: 100%; 583 margin: 0 0 15px; 585 584 } 586 585 … … 588 587 -----------------------------------------------*/ 589 588 table.entryform { 590 font-size:80%;589 font-size:80%; 591 590 } 592 591 table.entryform th { 593 592 min-width: 50px; 594 593 padding: 3px; 595 594 margin:3px; 596 595 text-align: left; 597 596 vertical-align: top;} … … 599 598 table.entryform td { 600 599 text-align:left; 601 padding: 3px;600 padding: 3px; 602 601 } 603 602 604 603 table.entryform td.tdc { 605 text-align:center;604 text-align:center; 606 605 } 607 606 … … 609 608 width: 70px; 610 609 padding: 3px; 611 610 margin:3px; 612 611 text-align: left; 613 612 vertical-align: top;} 614 613 615 614 table.entryform th.select { 616 min-width:30px;617 text-align:center;615 min-width:30px; 616 text-align:center; 618 617 } 619 618 620 619 table.entryform th.change { 621 min-width:30px;620 min-width:30px; 622 621 } 623 622 624 623 table.entryform th.multi_ph { 625 text-align:center;626 min-width:30px;624 text-align:center; 625 min-width:30px; 627 626 } 628 627 629 628 table.entryform th.multi_pr { 630 text-align:center;629 text-align:center; 631 630 } 632 631 633 632 table.entryform th.multi_nu { 634 text-align:center;633 text-align:center; 635 634 } 636 635 637 636 table.entryform td.multi_pr { 638 text-align:left;637 text-align:left; 639 638 } 640 639 641 640 table.entryform td.multi_nu { 642 text-align:center;643 min-width:30px;641 text-align:center; 642 min-width:30px; 644 643 } 645 644 … … 655 654 table.payment th.select { 656 655 width:30%; 657 text-align:center;656 text-align:center; 658 657 } 659 658 660 659 table.payment td.right { 661 width:200px;660 width:200px; 662 661 } 663 662 664 663 table td.detailtdNumber { 665 text-align:center;666 width:52px;664 text-align:center; 665 width:52px; 667 666 } 668 667 669 668 table td.alignR { 670 text-align:right;669 text-align:right; 671 670 } 672 671 … … 676 675 677 676 table.entryform th.alignC { 678 text-align:center;677 text-align:center; 679 678 } 680 679 681 680 table.entryform th.confirm_ph { 682 width:57px;681 width:57px; 683 682 } 684 683 685 684 table.entryform th.trorder { 686 width:80px;685 width:80px; 687 686 } 688 687 689 688 table.entryform th.trpoint { 690 width:215px;689 width:215px; 691 690 } 692 691 693 692 table.entryform td.detailtd { 694 693 text-align: left; 695 694 min-width:180px; 696 695 } 697 696 … … 701 700 702 701 table.entryform th.valignM { 703 vertical-align:middle;702 vertical-align:middle; 704 703 } 705 704 706 705 table.entryform td.yentd { 707 min-width: 60px;706 min-width: 60px; 708 707 } 709 708 710 709 span#point_default, span#point_dynamic { 711 font-size:90%;710 font-size:90%; 712 711 } 713 712 714 713 div.payarea, div.payarea02 { 715 margin-bottom:30px;714 margin-bottom:30px; 716 715 } 717 716 718 717 div.delivdate { 719 margin-bottom:5px;718 margin-bottom:5px; 720 719 } 721 720 722 721 div.delivdate02 { 723 padding-bottom:10px;724 margin-bottom:15px;725 border-bottom:1px solid #ccc;726 } 722 padding-bottom:10px; 723 margin-bottom:15px; 724 border-bottom:1px solid #ccc; 725 }
Note: See TracChangeset
for help on using the changeset viewer.