.author-info-widget {
text-align: center;
}
.author-avatar img {
width: 100px;
height: 100px;
border-radius: 50%;
}
.author-links a,
.author-links button {
background-color: blue;
border-radius: 50%;
color: white;
padding: 5px 10px;
text-decoration: none;
margin: 0 5px;
}
.qr-code img {
width: 200px;
height: 200px;
}.cvc-hidden-content {
border: 1px dashed #ddd;
background: #f9f9f9;
padding: 20px;
text-align: center;
margin: 20px 0;
position: relative;
}
.cvc-comment-reminder p {
font-size: 16px;
color: #555;
margin-bottom: 15px;
}
.cvc-comment-reminder button {
background-color: #0073aa;
color: #fff;
padding: 10px 15px;
border: none;
border-radius: 4px;
font-size: 14px;
cursor: pointer;
}
.cvc-comment-reminder button:hover {
background-color: #005177;
}<style>
.main-content {
flex-grow: 1;
padding-right: 0px;
}
.search-max-container {
width: 100%;
height: auto;
display: flex;
flex-direction: column;
margin: 0 auto;
}
.top-bar {
display: flex;
align-items: center;
background: rgba(255, 255, 255, 0);
padding: 0 20px;
}
.logo {
flex: 1;
color: #ffffff;
}
.custom-menu {
display: flex;
margin-left: auto;
}
.custom-menu a {
margin-left: 20px;
}
.search-area {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
height: 80px;
margin-bottom: -35px;
}
.current-time {
width: 285px;
text-align: center;
color: white;
font-size: 58px;
}
div#current-time {
font-family: 'iconfont' !important;
letter-spacing: 5px !important;
display: inline-block !important;
transform: scaleX(1.1) scaleY(1.5) !important;
font-size: 38px !important;
width: 210px !important;
text-shadow: 0 0px 3px rgb(0 0 0 / 33%) !important;
}
.search-form {
width: 650px;
height: 53px;
display: flex;
align-items: center;
position: relative;
}
.search-icon {
width: 90px;
height: 66%;
display: flex;
align-items: center;
justify-content: center;
}
.search-icon img {
width: 30px;
height: 30px;
border-radius: 30%;
}
.search-icon img:hover {
transform: scale(1.2);
transition: transform 0.2s;
}
.search-form input {
width: calc(100% - 30px);
height: 100%;
padding: 10px;
margin-left: 5px;
box-sizing: border-box;
border-width: 0px;
}
.search-form input:focus {
outline: none;
}
.search-form button {
background-color: #ffffff;
align-items: center;
color: rgba(0, 0, 0, .86);
display: flex;
font-size: 20px;
font-weight: 600;
height: 56px;
justify-content: center;
margin-left: 20px;
position: relative;
width: 80px;
padding-inline: 7px;
border-width: 0px;
border-radius: 0px 15px 15px 0px;
cursor: pointer;
}
.bottom-bar {
color: #ffffff;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
height: 39px;
display: flex;
align-items: center;
justify-content: space-between;
opacity: 1;
padding: 0 20px;
transition: all 0.3s ease;
}
.bottom-bar:hover {
background-image: linear-gradient(128deg, #00000000, #00000009, #00000000 100%) !important;
backdrop-filter: blur(2px);
}
.bottom-bar:hover a {
color: #ffffff !important;
}
.search-maxx {
box-shadow: 0px 0px 23px -1px #83838369;
}
.links a {
margin-right: 10px;
border-radius: 13px;
border: 1px solid #d1d1d100;
padding: 4px 11px;
cursor: pointer;
}
.links a:hover {
color: #ffffff !important;
background-color: #00000061;
border-radius: 13px;
padding: 4px 11px;
border: 1px solid #ffffff9e;
}
.bottom-bar a {
color: #ffffffe0;
font-size: 13px;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
text-decoration: none;
}
.controls {
display: flex;
align-items: center;
}
.controls i {
font-size: 24px;
margin-left: 23px;
cursor: pointer;
transition: transform 0.2s;
}
.height-adjuster {
position: relative;
display: flex;
align-items: center;
}
.height-adjuster .arrow-icons {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
right: 0px;
top: -120%;
transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
}
.height-adjuster.enlarged i {
transform: scale(1.5);
}
.height-adjuster i {
cursor: pointer;
} .search-engine-dropdown {
display: none;
position: absolute;
margin-top: 8px;
background: #ffffff;
border-radius: 4px;
width: 200px;
z-index: 1000;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.search-engine-dropdown ul {
padding: 0;
margin: 0;
list-style: none;
}
.search-engine-dropdown li {
display: flex;
align-items: center;
padding: 8px 10px;
cursor: pointer;
}
.search-engine-dropdown li:hover {
background-color: #f5f5f5;
border-radius: 5px;
}
.engine-icon {
margin-left: 10px;
width: 30px;
height: 30px;
margin-right: 10px;
border-radius: 30%;
} .skin-modal {
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 1200px;
height: 520px;
transform: translate(-50%, -50%);
background: white;
border: 1px solid #ccc;
z-index: 1001;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
border-radius: 8px;
}
.modal-header {
height: 60px;
background-color: white;
padding: 10px;
border-bottom: 1px solid #ccc;
}
#skin-modal .modal-body {
height: 370px;
overflow-y: auto;
display: flex;
justify-content: center;
}
.image-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 10px;
padding: 20px;
}
.thumbnail {
width: 100%;
cursor: pointer;
border-radius: 8px;
transition: transform 0.2s;
}
.thumbnail:hover {
transform: scale(1.05);
}
.modal-footer {
height: 80px;
background-color: white;
text-align: right;
padding: 10px;
border-top: 1px solid #ccc;
}
i.iconfont.icon-arrow-t {
padding-bottom: 50px !important;
} .overlay {
position: absolute; 
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5); 
pointer-events: none; 
}
input#url-input {
margin: 5px;
border: 2px solid #34343436;
border-radius: 8px;
width: 390px;
padding: 9pt;
height: 38px;
font-size: .85pc;
}
button#save-url, button#close-modal {
margin: 5px;
border: 2px solid #34343436;
border-radius: 8px;
padding: 1px 10px;
cursor: pointer;
} .fixed-bottom-bar {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
background-color: rgba(0, 0, 0, 0.8);
transition: all 0.3s ease;
}
</style>@font-face {
font-family: "iconfont"; src: url(https://www.9eip.com/wp-content/themes/onenav/css/fonts/iconfont.woff2?t=1657880974744) format('woff2'),
url(https://www.9eip.com/wp-content/themes/onenav/css/fonts/iconfont.woff?t=1657880974744) format('woff'),
url(https://www.9eip.com/wp-content/themes/onenav/css/fonts/iconfont.ttf?t=1657880974744) format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-back:before {
content: "\e6f2";
}
.icon-min-app:before {
content: "\eb74";
}
.icon-qr:before {
content: "\e637";
}
.icon-upload:before {
content: "\e6a1";
}
.icon-down:before {
content: "\e6a4";
}
.icon-facebook-f:before {
content: "\e638";
}
.icon-google:before {
content: "\e87a";
}
.icon-twitter:before {
content: "\e882";
}
.icon-alipay:before {
content: "\e8de";
}
.icon-dingtalk:before {
content: "\e7c0";
}
.icon-huawei:before {
content: "\e623";
}
.icon-gitee:before {
content: "\e629";
}
.icon-random:before {
content: "\e631";
}
.icon-minipanel:before {
content: "\e635";
}
.icon-home:before {
content: "\e62c";
}
.icon-diandian:before {
content: "\e653";
}
.icon-dian:before {
content: "\eb73";
}
.icon-seting:before {
content: "\e649";
}
.icon-upload-wd:before {
content: "\e761";
}
.icon-add:before {
content: "\e6d8";
}
.icon-subtract:before {
content: "\e70f";
}
.icon-collection-line:before {
content: "\e636";
}
.icon-nothing:before {
content: "\e6f7";
}
.icon-nothing1:before {
content: "\e684";
}
.icon-modify:before {
content: "\e634";
}
.icon-tvbox:before {
content: "\e8d4";
}
.icon-wailian:before {
content: "\e66c";
}
.icon-book-mark-line:before {
content: "\e6bb";
}
.icon-book:before {
content: "\e62a";
}
.icon-buy_car:before {
content: "\e62b";
}
.icon-phone:before {
content: "\e625";
}
.icon-baidu:before {
content: "\e68b";
}
.icon-refresh:before {
content: "\e6b6";
}
.icon-mac:before {
content: "\e624";
}
.icon-app:before {
content: "\e6b9";
}
.icon-jt-line-r:before {
content: "\e620";
}
.icon-chakan-line:before {
content: "\e62f";
}
.icon-version-Line:before {
content: "\e61f";
}
.icon-ad-line:before {
content: "\e79e";
}
.icon-ad-copy:before {
content: "\eb6f";
}
.icon-shijian:before {
content: "\e7d3";
}
.icon-huabanfuben:before {
content: "\e62d";
}
.icon-en:before {
content: "\e61d";
}
.icon-cn:before {
content: "\e764";
}
.icon-zouxiang:before {
content: "\e621";
}
.icon-qushitubiao:before {
content: "\e6bd";
}
.icon-tubiaopeizhi:before {
content: "\e622";
}
.icon-zip:before {
content: "\e616";
}
.icon-ubuntu:before {
content: "\e66d";
}
.icon-app-store-fill:before {
content: "\e6a9";
}
.icon-android:before {
content: "\e614";
}
.icon-linux:before {
content: "\e650";
}
.icon-app-store-fill-b:before {
content: "\eb6e";
}
.icon-microsoft:before {
content: "\eb70";
}
.icon-loading:before {
content: "\e613";
}
.icon-goto:before {
content: "\e611";
}
.icon-yinhao-l:before {
content: "\e672";
}
.icon-yinhao-r:before {
content: "\ea23";
}
.icon-picture:before {
content: "\e66e";
}
.icon-book-mark:before {
content: "\e670";
}
.icon-url:before {
content: "\e6c7";
}
.icon-key:before {
content: "\e6a6";
}
.icon-tougao:before {
content: "\e648";
}
.icon-point:before {
content: "\ea21";
}
.icon-chart-box:before {
content: "\e627";
}
.icon-renren:before {
content: "\e607";
}
.icon-links:before {
content: "\e642";
}
.icon-qqzone:before {
content: "\e839";
}
.icon-chart:before {
content: "\e617";
}
.icon-tiwwer:before {
content: "\e65b";
}
.icon-douban:before {
content: "\e6c6";
}
.icon-chart-pc:before {
content: "\ea1f";
}
.icon-copy:before {
content: "\e697";
}
.icon-share:before {
content: "\e6e6";
}
.icon-facebook:before {
content: "\e60b";
}
.icon-user:before {
content: "\e61e";
}
.icon-heart:before {
content: "\e630";
}
.icon-instructions:before {
content: "\e656";
}
.icon-comment:before {
content: "\e668";
}
.icon-to-up:before {
content: "\e6bc";
}
.icon-business:before {
content: "\e685";
}
.icon-bulletin:before {
content: "\e608";
}
.icon-password:before {
content: "\e675";
}
.icon-related:before {
content: "\e605";
}
.icon-statement:before {
content: "\e62e";
}
.icon-hot:before {
content: "\e659";
}
.icon-light:before {
content: "\e6ff";
}
.icon-night:before {
content: "\e6fa";
}
.icon-collection:before {
content: "\e849";
}
.icon-name:before {
content: "\e7fb";
}
.icon-like:before {
content: "\e615";
}
.icon-user-circle:before {
content: "\e662";
}
.icon-publish:before {
content: "\e6b2";
}
.icon-version:before {
content: "\e70c";
}
.icon-notice:before {
content: "\e6b7";
}
.icon-chakan:before {
content: "\e61c";
}
.icon-time:before {
content: "\e747";
}
.icon-crying-circle:before {
content: "\e606";
}
.icon-gonggao4:before {
content: "\e7b2";
}
.icon-category:before {
content: "\e60c";
}
.icon-classification:before {
content: "\e72e";
}
.icon-tags:before {
content: "\e60e";
}
.icon-globe:before {
content: "\e603";
}
.icon-adopt:before {
content: "\e601";
}
.icon-crying:before {
content: "\e737";
}
.icon-warning:before {
content: "\e602";
}
.icon-smiley-circle:before {
content: "\e641";
}
.icon-close-circle:before {
content: "\e60f";
}
.icon-close:before {
content: "\e60a";
}
.icon-tishi:before {
content: "\e610";
}
.icon-smiley:before {
content: "\e619";
}
.icon-arrow-l:before {
content: "\e794";
}
.icon-arrow-t:before {
content: "\e795";
}
.icon-arrow-r-m:before {
content: "\ea22";
}
.icon-arrow-r:before {
content: "\e793";
}
.icon-arrow-b:before {
content: "\e612";
}
.icon-tag:before {
content: "\e628";
}
.icon-weibo:before {
content: "\e626";
}
.icon-git:before {
content: "\e61b";
}
.icon-qr-sweep:before {
content: "\e618";
}
.icon-search:before {
content: "\e792";
}
.icon-wechat:before {
content: "\e609";
}
.icon-github:before {
content: "\e64a";
}
.icon-qq:before {
content: "\e600";
}