Carbon/02.需求文档/01.原型页面20240529/08-碳足迹/00-碳足迹主页/新增活动数据 (1)-4_files/axPhishingBanner.css
xinyu.zhang@1yunhui.com 40012a422b init
2024-09-23 14:27:16 +08:00

86 lines
1.6 KiB
CSS

#phishing-banner {
display: none;
position: fixed;
top: 25px;
left: 50%;
transform: translate(-50%, 0);
width: 380px;
height: 168px;
}
#phishing-banner-content {
display: flex;
flex-direction: column;
justify-content: space-between;
box-sizing: border-box;
height: 100%;
width: 100%;
padding: 16px 26px;
background-color: #f2f2f2;
border: 1px solid #cccccc;
border-radius: 4px;
font-family: "SourceSansPro-Regular", "Source Sans Pro", sans-serif;
line-height: 1.3;
color: #7f7f7f;
cursor: default;
}
#phishing-banner-title {
margin-bottom: 8px;
font-size: 16px;
}
#phishing-banner-text {
font-size: 14px;
}
#phishing-banner-text a {
color: #3dacef;
text-decoration: none;
}
#phishing-banner-report {
cursor: pointer;
}
#phishing-banner-footer {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
#phishing-banner-footer-tip {
color: #aaaaaa;
font-size: 11px;
}
#phishing-banner-footer-tip:hover {
text-decoration: underline;
}
#phishing-banner-footer-tip:hover #tooltiptext {
visibility: visible;
}
#tooltiptext {
visibility: hidden;
width: 171px;
background-color: #f2f2f2;
border: 1px solid #d7d7d7;
border-radius: 6px;
padding: 8px;
color: #7f7f7f;
position: absolute;
transform: translate(0, 10px);
}
#phishing-banner-footer-button {
padding: 7px 61px;
border: 1px solid #3eacef;
border-radius: 4px;
background-color: #3eacef;
font-size: 12px;
font-weight: bold;
color: #ffffff;
cursor: pointer;
}