/* 
 * ArtocarpusGD Theme Styles
 * This file contains the main theme color scheme and styling overrides
 * for the ArtocarpusGD genomic database website.
 * 此版本为页脚处的三个特殊词调整格式-斜体+下划线
 */
/* ------ Header Area ------ */
/* 页眉背景色 - 使用属性选择器定位顶部标题行 */
tr[height="60"] {
    background-color: #78935d !important;
}
/* 页眉背景色 - 多重选择器确保覆盖各种情况 */
tr[bgcolor="#B3C2C7"] {
    background-color: #78935d !important;
}
/* ------ Navigation Menu Styling ------ */
/* Menu background color */
td.menu {
    background-color: #78935d !important;
}
/* Menu items background */
.nav li {
    background: #78935d !important;
}
/* Menu text color and styling */
.nav li a {
    color: #F6F0E4 !important;
    text-decoration: none !important; /* No underline */
    font-weight: bold;
}
/* Menu hover state */
.nav li a:hover {
    color: #f0f0f0 !important;
    text-decoration: none !important; /* No underline on hover */
}
/* ------ Main Content Area ------ */
/* 主内容区域背景色 - 使用属性选择器定位内容表格 */
table[width="1200px"][bgcolor="#EEEEEE"],
table[width="1200px"][bgcolor="#F6F0E4"] {
    background-color: #F6F0E4 !important;
}
/* ------ Footer Styling ------ */
/* Footer text color */
td.menu font {
    color: #F6F0E4 !important;
}
/* Footer links */
td.menu a {
    color: #F6F0E4 !important;
    text-decoration: none !important;
}
/* Footer links hover state */
td.menu a:hover {
    color: #f0f0f0 !important;
}
/* ------ Additional Global Styles ------ */
/* These are additional suggested styles you might want to consider */
/* Make all headings consistent */
h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333333;
}
/* Improve link visibility in main content */
.tableborder a:link, .tableborder a:visited {
    color: #0066CC;
}
.tableborder a:hover {
    color: #78935d;
}
/* 确保页脚字体颜色覆盖原始设置 */
td.menu font[color="#333333"] {
    color: #F6F0E4 !important;
}

/* 页脚区域特定链接样式 - 让Peng Sun, Chrome和Firefox显示为斜体、加粗并添加下划线 */
td.menu a[href="mailto:hisunpeng@qfnu.edu.cn"],
td.menu a[href="https://www.google.com/chrome/"],
td.menu a[href="https://www.mozilla.org/en-US/firefox/new/"] {
    font-style: italic !important;
    //text-decoration: underline !important;
    font-weight: bold !important; /* 添加粗体 */
}

/* 新增：为logo.jpg添加点击跳转功能的CSS样式
   注意：这仅是CSS部分，还需要在HTML中添加<a>标签包裹图片 */
td.menu img[alt="logo"] {
    cursor: pointer;
}

/* 创建一个新类用于包裹logo的链接 */
.logo-link {
    display: inline-block;
}