Files
journal_com/style/commonArticle_v3.css
2025-08-13 16:04:41 +08:00

1001 lines
18 KiB
CSS

.article__ {
background-color: #f4fafd;
padding: 0 15px;
margin-top: -15px;
}
.act_chajian {
padding: 10px 15px;
}
.pos_ter {
padding: 0 0 20px 0
}
.pos_ter>div:nth-child(1) {
width: 275px;
height: 105px;
}
.pos_ter>div:nth-child(3) {
width: 235px;
height: 68px;
padding: 25px 12px 12px 12px;
}
.pos_ter>div:nth-child(4) {
width: 242px;
height: 90px;
padding: 15px 0 0 0;
margin-right: 0;
}
.pos_ter>div:nth-child(4) img {
width: 100%;
}
.pos_ter>div {
float: left;
margin-right: 10px;
background-color: #fff;
}
.pos_ter>a {
float: left;
width: 240px;
text-align: center;
display: block;
padding: 25px 12px 12px 12px;
margin-right: 10px;
background-color: #fff;
height: 68px;
}
.conthtmn p {
line-height: 22px;
margin-bottom: 10px;
color: #333;
text-align: justify;
}
.conthtmn>p {
min-height: 20px;
}
.conthtmn .imgHnkl {
text-align: center;
margin-top: 20px;
}
.conthtmn .imgHnkl p {
color: #006699;
font-weight: bold;
}
/* 相关引用次数 */
.article-quote-box {
width: 24%;
padding: 20px 20px;
box-sizing: border-box;
margin-right: 1%;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.02);
float: left;
}
.SciteBadge {}
.article-quote-box {
background-color: #fff;
margin-bottom: 0 !important;
}
.article-quote-box a {
width: 100%;
}
.article-quote-box .quote-source {
width: 100%;
font-size: 13px;
padding: 0px 10px 20px;
box-sizing: border-box;
text-align: center;
color: #333;
}
.article-quote-box .quote-content {
font-size: 12px;
padding: 10px;
box-sizing: border-box;
color: #444;
}
.article-quote-box .quote-content .quote-item {
display: flex;
align-items: center;
}
.article-quote-box .quote-content .quote-item img {
width: 20px;
height: 20px;
margin-right: 10px;
}
.article-quote-box .quote-content .quote-item .count {
min-width: 50px;
text-align: center;
font-weight: bold;
}
.article-quote-box a {
display: inline-block;
text-decoration: none !important;
}
.article-quote-box a .link {
text-decoration: underline !important;
}
.quoteNumber {
color: #006699;
font-weight: 700;
}
.quoteNumber:hover {
text-decoration: underline !important;
}
#framed_div .quote-content a {
color: #006699;
}
#framed_div .quote-content a:hover {
text-decoration: underline !important;
}
.info-box {
padding: 10px;
background-color: #f5f5f5;
position: relative;
color: #333 !important
}
.info-box:before {
position: absolute;
left: 10px;
top: 5px;
font-size: 18px;
color: #333
}
.info-box__copyright:before {
content: "copyright";
}
.info-box__highlight {
background-color: #ffb800
}
.info-box a {
font-weight: 700;
color: #006699 !important;
}
.info-box__container {
margin-top: 16px;
margin-left: 8px;
margin-right: 8px;
}
.in-tab {
display: none;
opacity: 0;
}
.openCrossref {
display: block;
opacity: 1;
transform: scale(0);
animation: fadeInAndGrow 0.5s forwards;
}
.font {
display: block;
margin: 0 auto;
font-size: 14px;
/* color: #006699; */
font-weight: bold;
line-height: 22px;
text-align: center;
}
@keyframes fadeInAndGrow {
0% {
opacity: 0;
transform: scale(0);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.wordTableHtml b span {
font-weight: bold !important;
}
.wordTableHtml i span {
font-style: italic !important;
}
.wordTableHtml sub span {
vertical-align: sub;
}
.wordTableHtml sup span {
vertical-align: super;
}
.wordTableHtml sub {
vertical-align: sub !important;
}
.wordTableHtml sup {
vertical-align: super !important;
}
.wordTableHtml span[style*='vertical-align: super'] {
vertical-align: super !important;
}
.wordTableHtml span[style*='vertical-align: sub'] {
vertical-align: sub !important;
}
.wordTableHtml table {
border: 0px !important;
border-bottom: 1px solid #000!important;
border-collapse: collapse;
/* 去除单元格间隙 */
width: 100%;
margin: 0 auto !important;
table-layout: auto;
/* 自动调整列宽 */
text-align: left;
font-family: 'Charis SIL' !important;
font-size: 7.5pt !important;
mso-font-kerning: 1pt !important;
line-height: 10pt !important;
mos-line-height: 10pt !important;
}
.wordTableHtml table td,
.wordTableHtml table th {
padding: 5px;
text-align: left !important;
word-wrap: break-word;
/* 长单词自动换行 */
word-break: break-word;
font-family: 'Charis SIL' !important;
font-size: 7.5pt !important;
mso-font-kerning: 1pt !important;
line-height: 10pt !important;
mos-line-height: 10pt !important;
}
.wordTableHtml table tbody tr td {
text-align: center !important;
border-left: none !important;
mso-border-left-alt: none !important;
border-right: none !important;
mso-border-right-alt: none !important;
border-top: none;
mso-border-top-alt: none !important;
border-bottom: none !important;
mso-border-bottom-alt: none !important;
/* border: 1px dashed #dcdfe6 !important;
border-left: 1px dashed #dcdfe6 !important;
border-right: 1px dashed #dcdfe6 !important; */
word-break: keep-all !important;
/* text-align: justify !important; */
}
.wordTableHtml table tr td p {
display: flex;
text-align: left !important;
align-items: center;
margin: 0;
font-family: 'Charis SIL' !important;
font-size: 7.5pt !important;
mso-font-kerning: 1pt !important;
line-height: 10pt !important;
mos-line-height: 10pt !important;
}
.wordTableHtml table span {
color: #000000;
text-align: left !important;
font-family: 'Charis SIL' !important;
font-size: 7.5pt !important;
mso-font-kerning: 1pt !important;
line-height: 10pt !important;
mos-line-height: 10pt !important;
white-space: pre-wrap !important;
}
.wordTableHtml table .color-highlight {
color: rgb(0, 130, 170) !important;
font-family: 'Charis SIL' !important;
font-size: 7.5pt !important;
mso-font-kerning: 1pt !important;
line-height: 10pt !important;
mos-line-height: 10pt !important;
}
.wordTableHtml table blue {
color: rgb(0, 130, 170) !important;
font-family: 'Charis SIL' !important;
font-size: 7.5pt !important;
mso-font-kerning: 1pt !important;
line-height: 10pt !important;
mos-line-height: 10pt !important;
}
.wordTableHtml table tr:first-child td {
border-top: 1px solid #000 !important;
border-bottom: 1px solid #000 !important;
}
.wordTableHtml table tr:last-of-type td {
border-bottom: 1px solid #000 !important;
}
.wordTableHtml table tr.table-header-row:nth-of-type(2) td {
border-bottom: 1px solid #000 !important;
}
.pMain blue {
color: rgb(0, 130, 170) !important;
}
body{
/* // background: #fff; */
}
.width_auto{
width:auto !important;
}
.top{
width: 100%;box-sizing: border-box
}
.top>div{
width: 100%;
}
.top .top_logo{
margin-top:0px;
}.outline-container {
width: 200px;
transition: all 0.3s ease;
background-color: #f8f8f8;
height: 100%;
position: relative;
}
.outline-container .outline-toggle {
display: flex;
align-items: center;
padding: 0px;
cursor: pointer;
font-weight: bold;
font-size: 14px;
padding-top:10px !important;
padding-left:16px !important;
}
.outline-container .outline-toggle i {
margin-right: 8px;
transition: transform 0.3s;
}
/* 折叠后的样式 */
.outline-container.is-closed {
width: 24px;
}
.outline-content{
padding-left:16px;
box-sizing:border-box;
padding-right: 10px;
}
.outline-container.is-closed .outline-content {
display: none;
}
.outline-container.is-closed .outline-toggle {
flex-wrap: wrap;
padding: 4px;
margin-top: 0px;
}
.outline-container.is-closed .outline-toggle i {
transform: rotate(180deg);
margin-left: -2px;
}
.outline-container .toggle-text {
}
.outline-container .toggle-text1 {
display:none;
transform: rotate(178deg) translateX(-0%) !important;
display: block !important;
text-transform: unset !important;
writing-mode: vertical-rl !important;
/* text-orientation: upright !important; */
font-size: 15px !important;
/* font-weight: bold !important; */
color: #333 !important;
cursor: pointer !important;
margin-top: 6px !important;
letter-spacing: 2px !important;
}
.is-open .toggle-text1{
display: none !important;
}
.is-open .toggle-text{
display: block !important;
/* // font-size: 16px !important; */
}
.is-closed .toggle-text1{
display: block !important;
}
.is-closed .toggle-text{
display: none !important;
}
#common-overlay{
/* // z-index:1000; */
}
#col-content{
background: #fff;
min-width: 1102px;
margin: 0 auto;
width: 80%;
z-index:1001;
}
.nav_ban{
/* // display:none !important;
// padding: 0px 50px; */
}
.daohang{
/* // min-width: 1200px;
// width: 80%;
// max-width: 100%; */
margin: 0 auto;
}
.inner_nav_ban_wrapper{
/* // min-width: 1200px;
// width: 80%;
// max-width: 100%;
// margin: 0 auto;
// height:100%; */
}
.wenzhang{
}
.wenzhang .wen_jian .left .zuo_zhe_info{
margin-top:0px;
}
.article_navbar-container{
width:100%;
background-color: #fff;
box-shadow:27px 9px 32px rgba(255, 255, 255, 1);
border-top: 1px solid #eef;
padding:0 20px !important;
box-sizing: border-box;
}
.mb_aform{
/* // min-width: 1200px;
// width: 80%;
// max-width: 100%;
// margin: 0 auto; */
/* // padding: 20px 0px;
// border-bottom:1px solid #e5e5e5; */
}
.mb_aform #combox4{
width:48.5% !important;
}
.mb_aform #emaplm{
width:48.5% !important;
}
.pos_ter{
margin: 0 auto;
padding: 20px 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
.pos_ter>div:nth-child(1) {
width: 24%;
min-width: 265px;
margin-right:0;
}
.pos_ter>div:nth-child(3) {
width: 22%;
margin-right:0;
}
.pos_ter>div:nth-child(4) {
width: 22%;
margin-right:0;
}
.pos_ter>a {
width: 22%;
margin-right:0;
}
.mb_aform input{
height:30px !important;
}
.mb_aform input[type="submit"] {
top:40px;
width:110px;
}
.mb_aform .search_for input[type='text']{
width: calc(100% - 244px);
margin-left: 100px;
margin-right: 0;
}
.mb_aform>div{
width:calc(100% - 220px);
}
.zuo_zhe_info {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: all 0.3s ease;
}
.zuo_zhe_name {
color:#00549e!important;
}
.zuo_zhe_info.show {
max-height: 300px; /* 根据实际内容调整 */
opacity: 1;
margin-top:10px;
}
.toggle-btn {
color: #006699;
cursor: pointer;
display: inline-block;
margin-top: 8px;
user-select: none;
font-weight: bold;
text-decoration: none;
}
.toggle-btn:focus {
text-decoration: none !important;
}
.article_navbar-container .article_dropbtn{
padding-left:0px;
padding-right:0px;
}
.article,.article__{
// background-color: #fff;
// min-width: 1200px;
// width: 80%;
// max-width: 100%;
// margin: 0 auto;
// padding:0 50px;
}
.article{
padding: 10px;
}
.article__{
margin-top:0;
padding: 0 10px;
}
.v4-art {
width: 100%;
}
.v4-view-pdf-tooltip {
padding: 7px 12px !important;
line-height: 1 !important;
}
.v4-view-pdf-content {
font-size: 13px;
line-height: 15px;
}
.v4-art-main-box {
width: 100%;
min-width: 1200px;
width: 80%;
max-width: 100%;
margin: 0 auto;
padding: 0px 50px;
padding-bottom: 15px;
position: relative;
}
.v4-art-top {
// min-width: 1200px;
// width: 80%;
// max-width: 100%;
// margin: 0 auto;
// padding: 0px 50px;
padding: 0 10px;
background-color: #f4fafd !important;
background-color: transparent;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.v4-art-top .v4-art-top-main {
width: 100%;
top: 0;
// z-index: 1000;
}
.v4-art-top.fixed {
position: fixed;
top: 0;
left: -10px;
right: 0;
z-index: 999;
background-color: #fff !important;
transform: translateY(-100%);
opacity: 0;
pointer-events: none;
}
.v4-art-top.fixed.show {
transform: translateY(0);
opacity: 1;
pointer-events: auto;
padding:0;
}
.v4-art-top.fixed.show .v4-art-top-main{
background-color: rgba(254, 254, 254, 0.8)!important; border-bottom: 1px solid #006699;
}
.v4-art-top .v4-art-top-main .v4-art-top-main-m {
height: 38px;
padding: 0px 0px 0px;
display: flex;
flex-wrap: wrap;
background-color: #fcfcfd;
// border-top-left-radius: 10px;
// border-top-right-radius: 10px;
align-items: center;
justify-content: start;
border-bottom: 1px solid #eef;
border-top: 1px solid #eef;
}
.v4-art-top.fixed.show .v4-art-top-main-m{
padding: 0px 20px;
}
.outline-container::-webkit-scrollbar {
width: 6px; /* 设置滚动条宽度为6px */
}
.outline-container::-webkit-scrollbar-thumb {
background-color: #ccc; /* 滚动条颜色 */
border-radius: 3px; /* 圆角 */
}
.outline-container::-webkit-scrollbar-track {
background-color: #f5f5f5; /* 滚动条轨道颜色 */
}
.v4-art-top-main-m .v4-art-top-item{
height: 28px;
display: flex;
margin: -2px 3px;
cursor: pointer;
font-family: 'Inter-SemiBold';
font-size: 14px;
color: #2e2e2e;
text-decoration: none;
line-height: 22px;
}
.v4-art-top-main-m .view-pdf{
// background-color: #dff1ffaa;
// border-radius: 12px;
// padding:0 16px 0 4px;
}
#st-1{
margin-top:-1px !important;
}
.v4-art-top .v4-art-top-item svg, .v4-art-top .v4-art-top-item .icon{
margin: auto 6px;
width:auto;
height: 19px;
}
.v4-art-top #st-2 .st-btn > img{
width:19px !important;
height: 19px !important;
}
.v4-art-top #st-2 .st-btn{
padding: 0 6px !important;
}
.v4-art-top #st-2{
z-index:10 !important;
margin-left: -10px !important;
}
.v4-art-top-main-m .v4-art-top-item span{
display: flex;
align-items: center;
font-weight: 400;
}
.v4-art-top-main-m .v4-art-top-item span:hover{
color: #3158fa;
}
.wenzhang .wen_jian{
// background-color: #fff;
padding: 10px;
margin-bottom: 0px;
border-bottom: none;
// margin-top:1.25rem;
}
.wenzhang .wen_jian .left{
float: unset;
width: 100%;
padding-right: 0px;
}
.wen_jian_span{
// margin-bottom: 1px !important;
}
.wenzhang .wen_jian h4{
font-size: 26px;
// line-height: 1.25;
margin-top: 6px !important;
margin-bottom: 0px;
// font-weight: 500;
margin-top: 0px;
color: #222;
}
.wenzhang .wen_jian h4 i{
font-weight: 500;
}
.wen_jian_span{
display: inline-block;
}
.wen_jian_span,.wen_jian_span a{
font-size: 14px;
color: #666;
line-height: 30px;
}
.wenzhang .wen_rong{
margin-bottom:0;
}
.wenzhang .wen_rong .left{
float: unset;
width: 100%;
padding-right: 0px;
margin-right:0;
margin-bottom:0;
}
.wenzhang .wen_rong .left .rong_box{
padding-left: 0px;
padding-right: 0px;
padding-top:0px !important;
margin-top:0px !important;
border-bottom:none;
}
.anchor-nav{
// box-shadow: rgba(0, 0, 0, 0.1) 2px 0px 5px;
position: sticky; top: 40px; left: 0px; width: 285px; background:#f5f5f5; z-index: 10; overflow-y: auto; height: calc(100vh - 50px); float: left;
padding-top:10px;
}
.pdf_item{
display: flex;
align-items: center;
// justify-content: space-between;
font-family: 'Charis SIL';
min-height: 12px;
}
.pdf_item > div{
margin-right:10px;
}
.pdf_item .download{
color: #006699;
margin-left:5px;
}
.pdf_item img{
margin-top: -4px;
}
.pdf_item .download .fa{
margin-right:5px;
}
.pdf_item .pdf_file_type{
margin-left:5px;
}
.trackItem {
display: flex
;
align-items: flex-start;
}
.trackItem .time:after{
top:2px;
}
.conterecord:after{
top:80px;
left:178px;
}
.trackItem .time{
width: 140px;
margin-bottom:15px;
margin-top: 15px
}
.trackItem .type{
width: calc(100% - 226px);
}
.trackItem .type:hover {
box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15); /* 淡蓝色阴影 */
}
.corr_late ul{
padding: 0 10px;
border-bottom: none;
}
.corr_late ul li a{
font-size: 14px;
line-height: 22px;
}
.corr_late ul li p{
font-size: 14px;
line-height: 22px;
}
.extra-table{
box-sizing: border-box;
font-weight: 500 !important;
padding: 2px 0 0 16px !important;
width:100%;
margin-bottom:4px;
color: #333;
cursor: pointer;
color:#006699;
font-family: 'Charis SIL';
line-height:18px;min-height: 12px;
}
.outiline-item h2{
font-size:16px;
}
.outiline-other{
margin-top:15px !important;
margin-bottom:0 !important;
}
.core-xlink-crossref .title{
font-weight: 700;
}
.article_bottom{
width:100%;
background-color: #f5f7fa;
}
#common-popup{
// z-index :1001 !important;
}
.article-quote-box{
background-color: #f5f5f5;
}
.article-quote-box .quote-source{
padding:0;
font-size:14px;
margin-bottom:0 !important;
}
.quoteNumber{
font-size:13px;
}
.mb_aform .search_for input[type='button']{
right:10px;
width:110px;
}
.nav_item_title{
font-weight: 700;
font-size: 14px !important;
}
.Ptitle{
scroll-margin-top: 100px;
}
#conterecord{
scroll-margin-top: 100px;
}
#conTopics{
scroll-margin-top: 100px;
}
.daohang_bottom_line{
width:auto !important;
}
.footer .daohang ul{
width:27% !important;
}
.footer .daohang ul:nth-child(4){
width:12% !important;
}