Team:SCUT/lianxi
From 2014.igem.org
(Difference between revisions)
Line 162: | Line 162: | ||
{ | { | ||
display: block; | display: block; | ||
+ | } | ||
+ | |||
+ | /* Special Construction */ | ||
+ | |||
+ | /***--- Top MenuBar ---***/ | ||
+ | #PKU_menubar | ||
+ | { | ||
+ | background-attachment: fixed; | ||
+ | background-repeat: repeat-x; | ||
+ | background-image: url("/wiki/images/8/8b/Peking2012_Color_Topbar.png"); | ||
+ | background-color: #020033; | ||
+ | overflow: hidden; | ||
+ | position: fixed; | ||
+ | padding: 0; | ||
+ | margin: 0 auto; | ||
+ | top: 0; | ||
+ | width: 965px; | ||
+ | height: 20px; | ||
+ | font-family: Arial, sans-serif; | ||
+ | font-size: 15px; | ||
+ | font-weight: bold; | ||
+ | line-height: 20px; | ||
+ | z-index: 100; | ||
+ | opacity: 0.8; | ||
+ | } | ||
+ | #PKU_menubar * | ||
+ | { | ||
+ | font-family: Arial, sans-serif; | ||
+ | font-size: 15px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | #PKU_menubar a:link, | ||
+ | #PKU_menubar a:visited | ||
+ | { | ||
+ | color: #e8e7b9; | ||
+ | } | ||
+ | #PKU_menubar a:hover | ||
+ | { | ||
+ | color: #f9f8ca; | ||
+ | } | ||
+ | #PKU_menubar a:active | ||
+ | { | ||
+ | color: #ffee66; | ||
+ | } | ||
+ | .PKU_menubar_left | ||
+ | { | ||
+ | float: left; | ||
+ | clear: none; | ||
+ | padding: 0 30px 0 5px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .PKU_menubar_right | ||
+ | { | ||
+ | float: right; | ||
+ | clear: none; | ||
+ | padding: 0 5px 0 30px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | #PKU_menubar li | ||
+ | { | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | /***--- Top Banner ---***/ | ||
+ | #PKU_banner_container | ||
+ | { | ||
+ | padding: 0; | ||
+ | margin: 0 auto; | ||
+ | text-align: center; | ||
+ | z-index: 1; | ||
+ | position: relative; | ||
+ | top: 0; | ||
+ | } | ||
+ | #PKU_banner_menu | ||
+ | { | ||
+ | width: 700px; | ||
+ | height: 30px; | ||
+ | margin-right: 50px; | ||
+ | } | ||
+ | #PKU_banner_menu , | ||
+ | #PKU_banner_submenu | ||
+ | { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | text-align: center; | ||
+ | font-size: 15px; | ||
+ | font-family: Georgia, serif; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | #PKU_banner_menu a , | ||
+ | #PKU_banner_menu a:link , | ||
+ | #PKU_banner_menu a:visited | ||
+ | { | ||
+ | color: #e3e3e3; | ||
+ | font-size: 15px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #PKU_banner_menu a:hover , | ||
+ | #PKU_banner_menu a:active | ||
+ | { | ||
+ | color: #ffffff; | ||
+ | font-size: 17px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #PKU_banner_submenu > li, | ||
+ | #PKU_banner_submenu > li ul | ||
+ | { | ||
+ | height: 130px; | ||
+ | overflow: hidden; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #PKU_banner_menu > li | ||
+ | { | ||
+ | height: 30px; | ||
+ | } | ||
+ | #PKU_banner_submenu > li ul > li | ||
+ | { | ||
+ | height: 25px; | ||
+ | width: 100%; | ||
+ | background-color: #3570ff; | ||
+ | opacity: 0.85; | ||
+ | } | ||
+ | #PKU_banner_submenu > li ul > li:hover | ||
+ | { | ||
+ | background-color: #80aaff; | ||
+ | opacity: 1.0; | ||
+ | } | ||
+ | #PKU_banner_submenu > li ul > li a , | ||
+ | #PKU_banner_submenu > li ul > li a:link , | ||
+ | #PKU_banner_submenu > li ul > li a:visited | ||
+ | { | ||
+ | color: #f0f0f0; | ||
+ | text-decoration: none; | ||
+ | padding-top: 2px; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | #PKU_banner_submenu > li ul > li a:hover , | ||
+ | #PKU_banner_submenu > li ul > li a:active | ||
+ | { | ||
+ | color: #ffffcc; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | /***--- Block Style ---***/ | ||
+ | #text-body | ||
+ | { | ||
+ | position: relative; | ||
+ | top: -90px; | ||
+ | z-index: 1; | ||
+ | padding: 0 50px; | ||
+ | } | ||
+ | |||
+ | #text-body table.title_block td | ||
+ | { | ||
+ | overflow: hidden; | ||
+ | color: #ffffff; | ||
+ | width: 200px; | ||
+ | height: 150px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | vertical-align: middle; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #text-body .title_block p, | ||
+ | #text-body .title_block a | ||
+ | { | ||
+ | color: #ffffff; | ||
+ | text-align: center; | ||
+ | line-height: 26px; | ||
+ | font-size: 28px; | ||
+ | font-family: Eras Medium ITC, Verdana, sans-serif; | ||
+ | } | ||
+ | |||
+ | #text-body p.context_block | ||
+ | { | ||
+ | color: #ffffff; | ||
+ | font-size: 15px; | ||
+ | text-align: justify; | ||
+ | font-family: Arial, sans-serif; | ||
+ | background-color: transparent; | ||
+ | border-style: solid; | ||
+ | border-width: 1px; | ||
+ | border-color: #70a0ff; | ||
+ | padding: 20px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #sponsor | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | position: relative; | ||
+ | top: 60px; | ||
+ | } | ||
+ | #sponsor table, | ||
+ | #sponsor tr, | ||
+ | #sponsor td | ||
+ | { | ||
+ | border-style: none; | ||
+ | } | ||
+ | #sponsor td | ||
+ | { | ||
+ | padding: 9px; | ||
+ | } | ||
+ | |||
+ | ul.horizontal > li | ||
+ | { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | clear: none; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | ul.vertical > li | ||
+ | { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | clear: both; | ||
+ | overflow: hidden; | ||
} | } | ||
</style> | </style> |
Latest revision as of 09:34, 26 November 2014