インタビューページのスタイル指定
Showing
1 changed file
with
57 additions
and
0 deletions
... | @@ -3361,5 +3361,62 @@ body.itemid-132 table { | ... | @@ -3361,5 +3361,62 @@ body.itemid-132 table { |
3361 | } | 3361 | } |
3362 | } | 3362 | } |
3363 | 3363 | ||
3364 | /* ------------------------------------------------------------------------- | ||
3365 | OB・OGインタビューページに対するスタイル指定 | ||
3366 | ------------------------------------------------------------------------- */ | ||
3367 | .interview div.items-leading > div { | ||
3368 | border-top: 5px solid #003894; | ||
3369 | position: relative; | ||
3370 | min-height: 120px; | ||
3371 | } | ||
3372 | |||
3373 | /* イントロテキストを表示しない設定ができないので、以下の設定で、一旦全てを非表示にする */ | ||
3374 | .interview div.items-leading > div > * { | ||
3375 | display: none; | ||
3376 | } | ||
3377 | |||
3378 | .interview div.items-leading div div.page-header { | ||
3379 | /* display: block;で再表示させる */ | ||
3380 | display: block !important; | ||
3381 | } | ||
3364 | 3382 | ||
3383 | .interview div.items-leading div div.page-header h2 { | ||
3384 | /* .blogに対して指定されているスタイルを取り消し */ | ||
3385 | border-top: none; | ||
3386 | border-bottom: none; | ||
3387 | /* .blogに対して指定されているスタイルを取り消しここまで */ | ||
3388 | padding-top: 16px; | ||
3389 | padding-bottom: 0px; | ||
3390 | padding-left: 120px; | ||
3391 | margin-bottom: 0px; | ||
3392 | } | ||
3393 | |||
3394 | .interview div.items-leading div dl.article-info { | ||
3395 | /* display: block;で再表示させる */ | ||
3396 | display: block !important; | ||
3397 | padding-left: 120px; | ||
3398 | } | ||
3399 | |||
3400 | .interview div.items-leading div div.item-image { | ||
3401 | /* display: block;で再表示させる */ | ||
3402 | display: block !important; | ||
3403 | height: 75px; | ||
3404 | width: 100px; | ||
3405 | margin-top: 21px; | ||
3406 | text-align: center; | ||
3407 | /* ポジションを親要素を基準に相対位置で指定 */ | ||
3408 | position: absolute; | ||
3409 | top: 0px; | ||
3410 | bottom: 0px; | ||
3411 | left: 0px; | ||
3412 | right: 0px; | ||
3413 | } | ||
3365 | 3414 | ||
3415 | .interview div.items-leading div div.item-image img { | ||
3416 | /* 画像ごとによって縦横幅が自動設定。最大値以上にはならないように指定 */ | ||
3417 | height: auto; | ||
3418 | width: auto; | ||
3419 | /* 上記の自動設定の、最大値を指定 */ | ||
3420 | max-height: 75px; | ||
3421 | max-width: 100px; | ||
3422 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment