インタビューページのスタイル適用
Showing
1 changed file
with
60 additions
and
0 deletions
... | @@ -3432,4 +3432,64 @@ body.itemid-132 table { | ... | @@ -3432,4 +3432,64 @@ body.itemid-132 table { |
3432 | .archive-module-custom { | 3432 | .archive-module-custom { |
3433 | height: 300px; | 3433 | height: 300px; |
3434 | overflow: auto; | 3434 | overflow: auto; |
3435 | } | ||
3436 | |||
3437 | /* ------------------------------------------------------------------------- | ||
3438 | OB・OGインタビューページに対するスタイル指定 | ||
3439 | ------------------------------------------------------------------------- */ | ||
3440 | .interview div.items-leading > div { | ||
3441 | border-top: 5px solid #003894; | ||
3442 | position: relative; | ||
3443 | min-height: 120px; | ||
3444 | } | ||
3445 | |||
3446 | /* イントロテキストを表示しない設定ができないので、以下の設定で、一旦全てを非表示にする */ | ||
3447 | .interview div.items-leading > div > * { | ||
3448 | display: none; | ||
3449 | } | ||
3450 | |||
3451 | .interview div.items-leading div div.page-header { | ||
3452 | /* display: block;で再表示させる */ | ||
3453 | display: block !important; | ||
3454 | } | ||
3455 | |||
3456 | .interview div.items-leading div div.page-header h2 { | ||
3457 | /* .blogに対して指定されているスタイルを取り消し */ | ||
3458 | border-top: none; | ||
3459 | border-bottom: none; | ||
3460 | /* .blogに対して指定されているスタイルを取り消しここまで */ | ||
3461 | padding-top: 16px; | ||
3462 | padding-bottom: 0px; | ||
3463 | padding-left: 120px; | ||
3464 | margin-bottom: 0px; | ||
3465 | } | ||
3466 | |||
3467 | .interview div.items-leading div dl.article-info { | ||
3468 | /* display: block;で再表示させる */ | ||
3469 | display: block !important; | ||
3470 | padding-left: 120px; | ||
3471 | } | ||
3472 | |||
3473 | .interview div.items-leading div div.item-image { | ||
3474 | /* display: block;で再表示させる */ | ||
3475 | display: block !important; | ||
3476 | height: 75px; | ||
3477 | width: 100px; | ||
3478 | margin-top: 21px; | ||
3479 | text-align: center; | ||
3480 | /* ポジションを親要素を基準に相対位置で指定 */ | ||
3481 | position: absolute; | ||
3482 | top: 0px; | ||
3483 | bottom: 0px; | ||
3484 | left: 0px; | ||
3485 | right: 0px; | ||
3486 | } | ||
3487 | |||
3488 | .interview div.items-leading div div.item-image img { | ||
3489 | /* 画像ごとによって縦横幅が自動設定。最大値以上にはならないように指定 */ | ||
3490 | height: auto; | ||
3491 | width: auto; | ||
3492 | /* 上記の自動設定の、最大値を指定 */ | ||
3493 | max-height: 75px; | ||
3494 | max-width: 100px; | ||
3435 | } | 3495 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment