@ -1,5 +1,5 @@
@ charset "UTF-8" ;
/ *
/ *
Theme Name : 上 海 能 辉 科 技 定 制 前 端
Theme URI : https : / / www . nhet . energy /
Author : 上 海 能 辉 科 技
@ -7,25 +7,25 @@
Version : 1 . 5 . 0
* /
/* CSS文件已通过functions.php中的wp_enqueue_style正确加载，
/* CSS文件已通过functions.php中的wp_enqueue_style正确加载，
/* 字体声明 - 优先使用主题文件夹中的字体 */
/* 你可以在这里写一些自定义的全局CSS样式 */
* {
/* 你可以在这里写一些自定义的全局CSS样式 */
* {
margin : 0 ;
padding : 0 ;
font-family : "Montserrat" , "Space Grotesk" , "Inter" , "JetBrains Mono" , "PingFang SC" , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
box-sizing : border-box ;
}
:: -webkit-scrollbar { width : 6 px ; height : 6 px ; }
:: -webkit-scrollbar-track { background : transparent ; }
:: -webkit-scrollbar-thumb { background : rgba ( 19 , 236 , 164 , 0.2 ) ; border-radius : 10 px ; }
:: -webkit-scrollbar-thumb : hover { background : rgba ( 19 , 236 , 164 , 0.4 ) ; }
. hide-scrollbar { -ms- overflow-style : none ; scrollbar-width : none ; }
. hide-scrollbar :: -webkit-scrollbar { display : none ; }
/* 懒加载图 */
/* 1. 图片初始状态：透明 */
}
:: -webkit-scrollbar { width : 6 px ; height : 6 px ; }
:: -webkit-scrollbar-track { background : transparent ; }
:: -webkit-scrollbar-thumb { background : rgba ( 19 , 236 , 164 , 0.2 ) ; border-radius : 10 px ; }
:: -webkit-scrollbar-thumb : hover { background : rgba ( 19 , 236 , 164 , 0.4 ) ; }
. hide-scrollbar { -ms- overflow-style : none ; scrollbar-width : none ; }
. hide-scrollbar :: -webkit-scrollbar { display : none ; }
/* 懒加载图 */
/* 1. 图片初始状态：透明 */
. lazy-target {
opacity : 0 ;
transition : opacity 0 . 6s cubic-bezier ( 0 . 4 , 0 , 0 . 2 , 1 ) ; /* 平滑淡入 */
@ -59,71 +59,71 @@
50 % { opacity : 0.5 ; }
}
table {
table {
width : 100 % ! important ;
max-width : 100 % ! important ;
}
/* 防止横向滚动条 */
html , body {
}
/* 防止横向滚动条 */
html , body {
/* overflow-x: hidden; */
overflow : initial ;
max-width : 100 % ;
}
body {
}
body {
background : # f7f7f7 ;
background-repeat : no-repeat ;
background-attachment : fixed ;
background-position : 50 % 50 % ;
padding-top : 80px ;
}
. page-full-width {
}
. page-full-width {
max-width : 100 % ;
width : 100 % ;
height : auto ;
margin-top : -5rem ;
background : # fff ;
}
. page-full-width . row {
}
. page-full-width . row {
margin-left : 0 ;
margin-right : 0 ;
}
h1 , h2 , h3 , h4 , h5 , h6 {
}
h1 , h2 , h3 , h4 , h5 , h6 {
font-weight : bold ;
/* color: #333; */
/* margin-bottom: 1rem; */
/* color: #333;*/
/* margin-bottom: 1rem;*/
transition : all 0 . 3s ease ;
}
h2 {
}
h2 {
font-size : 20px ;
}
strong , b {
}
strong , b {
font-weight : bold ;
color : # 2c3e50 ;
transition : all 0 . 3s ease ;
}
. tinytyper {
}
. tinytyper {
font-size : 3rem ;
margin-top : 10px ;
text-align : center ;
}
# footer {
}
# footer {
font-size : 16px ;
display : flex ;
justify-content : center ;
padding : 10px ;
}
. article-c , . box-b {
}
. article-c , . box-b {
width : 70 % ;
text-align : center ;
padding : 20px ;
height : auto ;
margin : 0 auto ;
}
. box-b {
}
. box-b {
text-align : center ;
margin-bottom : 10px ;
}
. box-c {
}
. box-c {
background : white ;
border-color : # EEEEEE ;
box-shadow : 0 0 10px 0 rgb ( 0 0 0 / 6 % ) ;
@ -131,10 +131,10 @@
border : 1px solid # eee ;
border-radius : 0 0 10px 10px ;
padding : 20px ;
}
}
/* 导航菜单样式 */
. main-nav {
/* 导航菜单样式 */
. main-nav {
position : sticky ;
top : 0 ;
left : 0 ;
@ -144,100 +144,100 @@
transition : transform 0 . 3s ease ;
background-color : # fff ; ;
}
}
. nav-container {
max-width : 132 0px;
. nav-container {
max-width : 139 0px;
margin : 0 auto ;
padding : 0 20px ;
height : 100 % ;
display : flex ;
align-items : center ;
justify-content : space-between ;
}
}
. nav-logo {
. nav-logo {
display : flex ;
align-items : center ;
height : 100 % ;
/* padding: 10px; */
/* border-radius: 0 0 10px 10px; */
}
}
. nav-logo a {
. nav-logo a {
display : flex ;
align-items : flex-start ;
text-decoration : none ;
}
}
. nav-logo img {
. nav-logo img {
height : 30px ;
width : auto ;
}
}
. nav-logo span {
. nav-logo span {
font-size : 1 . 2rem ;
font-weight : 500 ;
color : # 333 ;
margin-left : 10px ;
}
}
. nav-menu {
. nav-menu {
height : 100 % ;
}
}
. menu-items {
. menu-items {
height : 100 % ;
display : flex ;
align-items : center ;
margin : 0 ;
padding : 0 ;
list-style : none ;
}
}
. menu-items li {
. menu-items li {
margin : 0 15px ;
height : 100 % ;
display : flex ;
align-items : center ;
position : relative ;
cursor : pointer ;
}
}
. menu-items li a {
. menu-items li a {
color : # 333 ;
text-decoration : none ;
font-size : 1rem ;
padding : 8px 0 ;
border-radius : 4px ;
transition : all 0 . 3s ease ;
}
}
. menu-items li a : hover , . menu-items li . menu-item-has-children > a : hover {
/* background: rgba(0, 0, 0, 0.05); */
font-weight : normal ;
color : # 007cba ! important ; ;
}
. menu-items li a : hover {
background : rgba ( 0 , 0 , 0 , 0 . 05 ) ;
color : # 000 ;
font-weight : 400 ;
}
/* 下拉菜单样式 */
/* 下拉菜单样式 */
. menu-items li . menu-item-has-children > a {
. menu-items li . menu-item-has-children > a {
position : relative ;
}
}
. menu-items li . menu-item-has-children > a . dropdown-arrow {
. menu-items li . menu-item-has-children > a . dropdown-arrow {
font-size : 0 . 7rem ;
/*margin-left: 8px;*/
padding : 10px 0 10px 10px ;
transition : transform 0 . 3s ease ;
display : inline-block ;
color : inherit ;
}
}
. menu-items li . menu-item-has-children : hover > a . dropdown-arrow {
. menu-items li . menu-item-has-children : hover > a . dropdown-arrow {
transform : rotate ( 180deg ) ;
}
}
. sub-menu {
. sub-menu {
position : absolute ;
top : 100 % ;
left : 0 ;
@ -254,23 +254,23 @@
transition : all 0 . 3s cubic-bezier ( 0 . 4 , 0 , 0 . 2 , 1 ) ;
z-index : 1000 ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 08 ) ;
}
}
. menu-items li : hover > . sub-menu {
. menu-items li : hover > . sub-menu {
opacity : 1 ;
visibility : visible ;
transform : translateY ( 0 ) ;
}
}
. sub-menu li {
. sub-menu li {
width : 100 % ;
margin : 0 ;
height : auto ;
display : block ;
position : relative ;
}
}
. sub-menu li a {
. sub-menu li a {
display : block ;
padding : 12px 20px ;
color : # 333 ! important ;
@ -279,88 +279,88 @@
transition : all 0 . 3s ease ;
white-space : nowrap ;
border-bottom : 1px solid rgba ( 0 , 0 , 0 , 0 . 05 ) ;
}
}
. sub-menu li : last-child a {
. sub-menu li : last-child a {
border-bottom : none ;
}
}
. sub-menu li a : hover {
. sub-menu li a : hover {
background : # f8f9fa ;
color : # 007cba ! important ;
padding-left : 25px ;
}
}
/* 三级菜单样式 */
. sub-menu . menu-item-has-children {
/* 三级菜单样式 */
. sub-menu . menu-item-has-children {
position : relative ;
}
}
. sub-menu . menu-item-has-children > a . dropdown-arrow {
. sub-menu . menu-item-has-children > a . dropdown-arrow {
float : right ;
transform : rotate ( -90deg ) ;
}
}
. sub-menu . menu-item-has-children : hover > a . dropdown-arrow {
. sub-menu . menu-item-has-children : hover > a . dropdown-arrow {
transform : rotate ( 90deg ) ;
}
}
/* 多级下拉菜单 */
. sub-menu . sub-menu {
/* 多级下拉菜单 */
. sub-menu . sub-menu {
top : 0 ;
left : 100 % ;
margin-left : 2px ;
margin-top : -8px ;
}
}
. sub-menu li : hover > . sub-menu {
. sub-menu li : hover > . sub-menu {
opacity : 1 ;
visibility : visible ;
transform : translateY ( 0 ) ;
}
}
/* 为有子菜单的项目添加箭头 */
. sub-menu li . menu-item-has-children > a :: after {
/* 为有子菜单的项目添加箭头 */
. sub-menu li . menu-item-has-children > a :: after {
content : '▶' ;
float : right ;
font-size : 0 . 7rem ;
color : # 999 ;
transition : color 0 . 3s ease ;
}
}
. sub-menu li . menu-item-has-children : hover > a :: after {
. sub-menu li . menu-item-has-children : hover > a :: after {
color : # 007cba ;
}
}
. sub-menu . menu-item-has-children : hover > . sub-menu {
. sub-menu . menu-item-has-children : hover > . sub-menu {
opacity : 1 ;
visibility : visible ;
transform : translateY ( 0 ) ;
}
}
. menu-toggle {
. menu-toggle {
display : none ;
background : none ;
border : none ;
cursor : pointer ;
padding : 10px ;
}
}
. menu-toggle span {
. menu-toggle span {
display : block ;
width : 25px ;
height : 2px ;
background : # 333 ;
margin : 5px 0 ;
transition : all 0 . 3s ease ;
}
}
. main-nav . scrolled . menu-toggle span {
. main-nav . scrolled . menu-toggle span {
background : # 888 ;
}
}
/* 响应式设计 */
@ media screen and ( max-width : 1225px ) {
/* 响应式设计 */
@ media screen and ( max-width : 1225px ) {
. menu-toggle {
display : block ;
}
@ -510,82 +510,82 @@
form . fluent_form_1 . ff-btn-submit : not ( . ff_btn_no_style ) {
width : 100 % ;
}
}
}
/* 文章卡片网格布局 */
. content-area {
/* 文章卡片网格布局 */
. content-area {
max-width : 1200px ;
margin : 0 auto ;
padding : 20px ;
}
}
. posts-grid {
. posts-grid {
display : grid ;
grid-template-columns : repeat ( 3 , 1fr ) ;
gap : 30px ;
margin-bottom : 40px ;
}
}
/* 文章卡片样式 */
. post-card {
/* 文章卡片样式 */
. post-card {
background : white ;
border-radius : 12px ;
box-shadow : 0 4px 12px rgba ( 0 , 0 , 0 , 0 . 05 ) ;
transition : transform 0 . 3s ease , box-shadow 0 . 3s ease ;
overflow : hidden ;
}
}
. post-card : hover {
. post-card : hover {
transform : translateY ( -5px ) ;
box-shadow : 0 8px 24px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
transition : all 0 . 3s ease ;
}
}
. post-content {
. post-content {
padding : 20px ;
}
}
. post-title {
. post-title {
margin : 0 0 15px 0 ;
font-size : 1 . 25rem ;
line-height : 1 . 4 ;
}
}
. post-title a {
. post-title a {
color : # 333 ;
text-decoration : none ;
transition : color 0 . 2s ease ;
}
}
. post-title a : hover {
. post-title a : hover {
color : # 007bff ;
transition : all 0 . 3s ease ;
}
}
. post-meta {
. post-meta {
font-size : 0 . 875rem ;
color : # 666 ;
margin-bottom : 15px ;
display : flex ;
gap : 15px ;
}
}
. post-date , . post-category {
. post-date , . post-category {
display : flex ;
align-items : center ;
}
}
. post-category a {
. post-category a {
color : # 666 ;
text-decoration : none ;
}
}
. post-category a : hover {
. post-category a : hover {
color : # 007bff ;
transition : all 0 . 3s ease ;
}
}
. post-excerpt {
. post-excerpt {
color : # 666 ;
font-size : 0 . 95rem ;
line-height : 1 . 6 ;
@ -595,22 +595,22 @@
-webkit-line-clamp : 3 ;
line-clamp : 3 ;
-webkit-box-orient : vertical ;
}
}
/* 无文章提示 */
. no-posts {
/* 无文章提示 */
. no-posts {
text-align : center ;
padding : 40px ;
background : white ;
border-radius : 12px ;
box-shadow : 0 4px 12px rgba ( 0 , 0 , 0 , 0 . 05 ) ;
}
}
. no-posts h2 {
. no-posts h2 {
color : # 666 ;
font-size : 1 . 5rem ;
margin : 0 ;
}
. accordion-body {
}
. accordion-body {
color : # 000000 ! important ;
}
}
huyuanxiang
1 month ago