中国科学院上海有机化学研究所官方网站

中国科学院上海有机化学研究所(简称：上海有机所)是中国科学院下属的一家研究机构，位于中国上海市。成立于1958年，是中国最早的综合性有机化学研究机构之一。上海有机所致力于开展有机化学的基础研究、应用研究和高新技术开发，为国家科技进步和经济社会发展做出了重要贡献。

导航栏

该网站采用简洁明了的设计风格，导航栏分为三个部分：顶部导航栏、主导航栏和右侧导航栏。其中，顶部导航栏包含一个logo和搜索框，下方则显示网站的主要链接；主导航栏位于页面上方，包含多个子菜单项，如“科研动态”、“人事教育”和“研究生教育”等；右侧导航栏则提供了一些辅助信息和功能性链接。

主要页面样式

整个网站采用了响应式设计，使得在不同设备上都能够自适应地展示内容。此外，通过CSS样式表的应用，实现了以下效果：

  • .navbar.navbar-default 设置了导航栏的背景颜色为浅灰色；
  • .main-navigation .navbar-nav 设置了主要导航菜单项的宽度为100%;
  • .main-navigation .navbar-nav > li 设置了各个导航菜单项的宽度为8.7%;
  • .navbar-default .navbar-nav > li > a 设置了导航菜单项的文字大小为17px,内边距为15px 0px,字体加粗，居中对齐；
  • .main-navigation .navbar-right > li:first-child 设置了右侧第一个子菜单项的宽度为6.6%;
  • .main-navigation .navbar-right > li:nth-child(6), .main-navigation .navbar-right > li:nth-child(7) 设置了右侧第6、7个子菜单项的总宽度为10%;
  • .main-navigation .navbar-right > li:nth-child(9) 设置了右侧第9个子菜单项的宽度为12.5%。