Team:Hong Kong HKU/templates/header 2
From 2013.igem.org
(Replaced content with "<html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="title" content="iGEM 2013: Imperial College" /> <meta name="keyword...") |
|||
Line 6: | Line 6: | ||
+ | h1 { | ||
+ | font-family: tahoma,sans-serif; | ||
+ | font-variant:small-caps; | ||
+ | color: #000000; | ||
+ | background: #ffffff; | ||
+ | font-size: 2.2em; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 20px 20px 12px 20px; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | font-family: tahoma,sans-serif; | ||
+ | color: #000000; | ||
+ | background: #ffffff; | ||
+ | font-size: 1.7em; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 18px 20px 7px 20px; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | font-family: tahoma,sans-serif; | ||
+ | font-variant:small-caps | ||
+ | color: #000000; | ||
+ | background: #ffffff; | ||
+ | font-weight: bold; | ||
+ | font-size: 1.4em; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 16px 20px 2px 20px; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | h4 { | ||
+ | font-family: tahoma,sans-serif; | ||
+ | color: #000000; | ||
+ | background: #ffffff; | ||
+ | font-weight: bold; | ||
+ | font-size: 1.1em; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 13.5px 20px 1px 20px; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | font-family: tahoma,sans-serif; | ||
+ | color: #000000; | ||
+ | background: #ffffff; | ||
+ | font-weight: normal; | ||
+ | font-size: 1em; | ||
+ | line-height: 1.7em; | ||
+ | text-align: justify; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 5px 20px 0px 20px; | ||
+ | } | ||
+ | |||
+ | .border { | ||
+ | border:1px solid #B2B2B2; | ||
+ | z-index:101; | ||
+ | } | ||
+ | |||
+ | .borderMagnify { | ||
+ | border:1px solid #B2B2B2; | ||
+ | z-index:101; | ||
+ | margin-left:-9px; | ||
+ | margin-right:9px; | ||
+ | } | ||
+ | |||
+ | .imgbox { | ||
+ | margin:20px; | ||
+ | padding:10px; | ||
+ | border:1px solid black; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | .vidbox { | ||
+ | margin:20px; | ||
+ | padding:10px; | ||
+ | border:1px solid black; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | .newouterbox { | ||
+ | background-color:#FF944D;border:1px solid #CCCCCC;margin:20px;padding-bottom:0px; | ||
+ | } | ||
+ | |||
+ | .newinnerbox { | ||
+ | border:1px solid #CCCCCC;margin:10px 20px 20px 20px;padding-top:0px;padding-bottom:13px;background-color:#ffffff; | ||
+ | } | ||
+ | |||
+ | .newtext { | ||
+ | text-align:center;background-color:#FF944D;color:#000000; | ||
+ | } | ||
+ | |||
+ | ul.a { | ||
+ | margin: 0 0 0 40px; | ||
+ | list-style-image: none; | ||
+ | list-style-type:disc; | ||
+ | font-family: arial,sans-serif; | ||
+ | color: #000000; | ||
+ | background: #ffffff; | ||
+ | font-weight: normal; | ||
+ | font-size: 1em; | ||
+ | line-height: 1.7em; | ||
+ | text-align: justify; | ||
+ | padding: 5px 20px 0px 20px; | ||
+ | } | ||
+ | |||
+ | ol.a { | ||
+ | margin: 0 0 0 30px; | ||
+ | list-style-position:inside; | ||
+ | font-family: arial,sans-serif; | ||
+ | color: #000000; | ||
+ | background: #ffffff; | ||
+ | font-weight: normal; | ||
+ | font-size: 1em; | ||
+ | line-height: 1.7em; | ||
+ | text-align: justify; | ||
+ | padding: 5px 20px 0px 20px; | ||
+ | } | ||
+ | |||
+ | iframe { | ||
+ | padding: 10px 20px 10px 20px; | ||
+ | } | ||
+ | |||
+ | /* Navigation pane ***********************************************************/ | ||
+ | ul.navigation-menu { | ||
+ | box-sizing: border-box; | ||
+ | list-style-type: none; | ||
+ | width: 975px; | ||
+ | height: 50px; | ||
+ | text-align: center; | ||
+ | display: inline-block; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | position: relative; | ||
+ | border-radius: 5px; | ||
+ | font-family: Helvetica, Arial, sans-serif; | ||
+ | color: #ffffff; | ||
+ | cursor: pointer; | ||
+ | /* CSS3 Gradient */ | ||
+ | |||
+ | background: #36a9e1; | ||
+ | } | ||
+ | ul.navigation-menu a:link, | ||
+ | ul.navigation-menu a:visited { | ||
+ | text-decoration: none; | ||
+ | color: #ffffff; | ||
+ | display: inline-block; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | ul.navigation-menu > li { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | line-height: 50px; | ||
+ | height: 50px; | ||
+ | text-align: center; | ||
+ | width: 194px; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | border-right: 1px solid #000; | ||
+ | -webkit-transition: all 400ms ease; | ||
+ | -moz-transition: all 400ms ease; | ||
+ | -ms-transition: all 400ms ease; | ||
+ | -o-transition: all 400ms ease; | ||
+ | transition: all 400ms ease; | ||
+ | } | ||
+ | ul.navigation-menu > li:first-child { | ||
+ | border-top-left-radius: 5px; | ||
+ | border-bottom-left-radius: 5px; | ||
+ | } | ||
+ | ul.navigation-menu > li:last-child { | ||
+ | border-right: none; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | ul.navigation-menu > li ul { | ||
+ | -webkit-transition: all 400ms ease; | ||
+ | -moz-transition: all 400ms ease; | ||
+ | -ms-transition: all 400ms ease; | ||
+ | -o-transition: all 400ms ease; | ||
+ | transition: all 400ms ease; | ||
+ | opacity: 0; | ||
+ | position: relative; | ||
+ | z-index: 9999; | ||
+ | background: #36a9e1; | ||
+ | list-style-type: none; | ||
+ | text-align: center; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | height: 0; | ||
+ | } | ||
+ | ul.navigation-menu > li ul li { | ||
+ | display: block; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | height: 50px; | ||
+ | line-height: 50px; | ||
+ | border-bottom: 1px solid black; | ||
+ | height: 0; | ||
+ | -webkit-transition: all 400ms ease; | ||
+ | -moz-transition: all 400ms ease; | ||
+ | -ms-transition: all 400ms ease; | ||
+ | -o-transition: all 400ms ease; | ||
+ | transition: all 400ms ease; | ||
+ | } | ||
+ | ul.navigation-menu > li ul li:last-child { | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | ul.navigation-menu > li ul li:hover { | ||
+ | background-color: #a3c4e9; | ||
+ | } | ||
+ | ul.navigation-menu > li ul li:active { | ||
+ | background-color: #93b4d9; | ||
+ | } | ||
+ | ul.navigation-menu > li:hover { | ||
+ | background-color: #a3c4e9; | ||
+ | } | ||
+ | ul.navigation-menu > li:hover ul { | ||
+ | -webkit-transition: all 400ms ease; | ||
+ | -moz-transition: all 400ms ease; | ||
+ | -ms-transition: all 400ms ease; | ||
+ | -o-transition: all 400ms ease; | ||
+ | transition: all 400ms ease; | ||
+ | opacity: 1; | ||
+ | height: auto; | ||
+ | } | ||
+ | ul.navigation-menu > li:hover ul li { | ||
+ | height: auto; | ||
+ | } | ||
+ | ul.navigation-menu > li:active { | ||
+ | background-color: #93b4d9; | ||
+ | } | ||
+ | |||
+ | /**************************************************************/ | ||
+ | </style> | ||
</html> | </html> |
Latest revision as of 14:22, 19 August 2013
h1 { font-family: tahoma,sans-serif; font-variant:small-caps; color: #000000; background: #ffffff; font-size: 2.2em; margin: 0 0 0 0; padding: 20px 20px 12px 20px; border-bottom: none; } h2 { font-family: tahoma,sans-serif; color: #000000; background: #ffffff; font-size: 1.7em; margin: 0 0 0 0; padding: 18px 20px 7px 20px; border-bottom: none; } h3 { font-family: tahoma,sans-serif; font-variant:small-caps color: #000000; background: #ffffff; font-weight: bold; font-size: 1.4em; margin: 0 0 0 0; padding: 16px 20px 2px 20px; border-bottom: none; } h4 { font-family: tahoma,sans-serif; color: #000000; background: #ffffff; font-weight: bold; font-size: 1.1em; margin: 0 0 0 0; padding: 13.5px 20px 1px 20px; border-bottom: none; } p { font-family: tahoma,sans-serif; color: #000000; background: #ffffff; font-weight: normal; font-size: 1em; line-height: 1.7em; text-align: justify; margin: 0 0 0 0; padding: 5px 20px 0px 20px; } .border { border:1px solid #B2B2B2; z-index:101; } .borderMagnify { border:1px solid #B2B2B2; z-index:101; margin-left:-9px; margin-right:9px; } .imgbox { margin:20px; padding:10px; border:1px solid black; text-align:center; } .vidbox { margin:20px; padding:10px; border:1px solid black; text-align:center; } .newouterbox { background-color:#FF944D;border:1px solid #CCCCCC;margin:20px;padding-bottom:0px; } .newinnerbox { border:1px solid #CCCCCC;margin:10px 20px 20px 20px;padding-top:0px;padding-bottom:13px;background-color:#ffffff; } .newtext { text-align:center;background-color:#FF944D;color:#000000; } ul.a { margin: 0 0 0 40px; list-style-image: none; list-style-type:disc; font-family: arial,sans-serif; color: #000000; background: #ffffff; font-weight: normal; font-size: 1em; line-height: 1.7em; text-align: justify; padding: 5px 20px 0px 20px; } ol.a { margin: 0 0 0 30px; list-style-position:inside; font-family: arial,sans-serif; color: #000000; background: #ffffff; font-weight: normal; font-size: 1em; line-height: 1.7em; text-align: justify; padding: 5px 20px 0px 20px; } iframe { padding: 10px 20px 10px 20px; } /* Navigation pane ***********************************************************/ ul.navigation-menu { box-sizing: border-box; list-style-type: none; width: 975px; height: 50px; text-align: center; display: inline-block; margin: 0; padding: 0; position: relative; border-radius: 5px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; cursor: pointer; /* CSS3 Gradient */ background: #36a9e1; } ul.navigation-menu a:link, ul.navigation-menu a:visited { text-decoration: none; color: #ffffff; display: inline-block; width: 100%; height: 100%; } ul.navigation-menu > li { display: block; float: left; line-height: 50px; height: 50px; text-align: center; width: 194px; padding: 0; margin: 0; border-right: 1px solid #000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } ul.navigation-menu > li:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } ul.navigation-menu > li:last-child { border-right: none; border-radius: 5px; } ul.navigation-menu > li ul { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; opacity: 0; position: relative; z-index: 9999; background: #36a9e1; list-style-type: none; text-align: center; padding: 0; margin: 0; height: 0; } ul.navigation-menu > li ul li { display: block; padding: 0; margin: 0; height: 50px; line-height: 50px; border-bottom: 1px solid black; height: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } ul.navigation-menu > li ul li:last-child { border-bottom: none; } ul.navigation-menu > li ul li:hover { background-color: #a3c4e9; } ul.navigation-menu > li ul li:active { background-color: #93b4d9; } ul.navigation-menu > li:hover { background-color: #a3c4e9; } ul.navigation-menu > li:hover ul { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; opacity: 1; height: auto; } ul.navigation-menu > li:hover ul li { height: auto; } ul.navigation-menu > li:active { background-color: #93b4d9; } /**************************************************************/