www.gusucode.com > CIM PHP城市信息聚合(采集)系统 v0.0.5源码程序 > code/public/static/css/job.css
@charset "utf-8"; /* 侧边栏目筛选 */ #sidebar .nav li { float: left; width: 50%; } #sidebar .nav li a { display: block; padding: 0 10px; } /* 职位列表 */ .job-list .panel .fz-lg { font-size: 18px; } .job-list .panel .fz-sm { font-size: 12px; } .job-list .panel .name { display: inline-block; color: #222; max-width: 330px; } .job-list .panel .request { font-size: 14px; } .job-list .label-danger, .job-list .iconfont { vertical-align: text-top; display: inline-block; } .job-list .label-danger { margin-top: -3px; } .job-list .iconfont { margin-top: -5px; } .job-list .company img { vertical-align: top; margin-top: 3px; } .job-list .company .overflow { display: inline-block; width: 172px; color: #333; } .job-list .welfare { height: 23px; overflow: hidden; } .job-list .welfare .label { color: #7b929f; line-height: 25px; font-weight: normal; border: 1px #FFF solid; background-color: #eef7fd; } /* 职位详情 */ /* 详情 */ #content { width: 100%; } #sidebar { width: 380px; } .view { margin-top: 20px; } .view .panel-heading, .view .panel-body { padding: 0px; } .view .panel-heading { padding-bottom: 10px; margin-bottom: 24px; border-bottom: 1px solid #ddd; } .view .panel-heading h3 { width: 940px; } .view .panel-heading h3 .text-danger { display: inline-block; cursor: pointer; font-size: 32px; } .view .panel-heading .action { width: 145px; position: relative; top: -48px; } .view .panel-heading .action .fa { font-size: 24px; } .view .panel-heading .action li { float: left; color: #777; cursor: pointer; } .view .panel-heading .action li+li { margin-left: 20px; } .view .preview img { display: inline-block; width: 100%; } /* 图片轮播 */ .img-wrap { position: relative; } #small-img { width: 300px; height: 75px; margin-top: 10px; overflow: hidden; } #small-img .swiper-slide img { height: 100%; border: 1px solid #fff; object-fit: fill; } #small-img .swiper-slide img.active { border: 1px solid #ff6600; } .img-wrap .button-prev, .img-wrap .button-next { position: absolute; top: 0px; width: 26px; height: 100%; font-size: 20px; color: #fff; cursor: pointer; background-color: rgba(0, 0, 0, 0.56); } .img-wrap .button-prev::before, .img-wrap .button-next::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .img-wrap .button-prev { left: 0px; } .img-wrap .button-next { right: 0px; } .view .fields { overflow: auto; } .view .fields dl { float: left; width: 50%; } .view .fields dl dt, .view .fields dl dd { float: left; font-weight: normal; } .view .rent { margin-top: -3px; display: block; font-size: 28px; color: #ff6600; margin-bottom: 6px; } .view .rent small, .view .detail p { font-size: 14px; } .view .detail { position: relative; } .view .invalid { position: absolute; top: -90px; left: 330px; width: 300px; z-index: 10; } .view .invalid img { transform: rotate(-24deg); } .view .linkman { font-size: 18px; line-height: 34px; } .view .linkman .fa { font-size: 40px; position: relative; top: 5px; } .view .linkman .btn { padding: 6px 18px; } .view .alert-warning { color: #ff6600; } .view .others .panel-heading h4 a { color: #222; } .view .others .media { float: left; margin-top: 0px; margin-bottom: 20px; padding-right: 15px; } .view .others .media-body { position: relative; } .view .others .media-body h5 { font-size: 14px; color: #222; } .view .others .media .bottom { position: absolute; width: 100%; bottom: 5px; } .view .others .media.col-2 { width: 50%; } /* 二维码 */ .view .panel-heading .action .qrcode:hover .qrcode-wrap { display: block; } .qrcode-wrap { display: none; position: absolute; margin-left: -40px; padding: 10px 10px 2px; background: #fff; border: 1px solid #eee; z-index: 2; } .qrcode-wrap .fa { position: absolute; background: #fff; font-size: 22px; left: 50%; margin-left: -8px; padding: 2px 5px; top: -14px; } .qrcode-wrap img { display: inline-block; width: 100px; height: 100px; } .qrcode-wrap p.text-muted { font-size: 12px; } /* 点击图片后全屏显示图片 */ .fullscreen { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; display: none; z-index: 999999; background-color: #000; } .fullscreen .swiper-container { height: 100%; } .fullscreen .swiper-zoom-container img { max-height: 100vh; max-width: 100vw; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .fullscreen .fullscreen-close { position: absolute; right: 10px; color: #fff; top: 20px; z-index: 10; font-size: 36px; text-decoration: none; width: 48px; height: 48px; line-height: 44px; text-align: center; }