Template:Team:Hong Kong-CUHK/TEMPLATE 2011 HEAD
From 2011.igem.org
(Difference between revisions)
Line 60: | Line 60: | ||
} | } | ||
/* Wiki Hacks - END */ | /* Wiki Hacks - END */ | ||
+ | body | ||
+ | { | ||
+ | font-family: "Segoe UI", Arial, Helvetical, sans-serif; | ||
+ | } | ||
+ | a | ||
+ | { | ||
+ | color:black; | ||
+ | text-decoration:none; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | ul { | ||
+ | list-style-type: none; | ||
+ | } | ||
+ | p + p { | ||
+ | /* text-indent: 2em;*/ | ||
+ | } | ||
+ | a:hover { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | div#header { | ||
+ | position: relative; | ||
+ | top: 20px; | ||
+ | } | ||
+ | img.igem-img:hover | ||
+ | { | ||
+ | opacity: 1; | ||
+ | /*Glow*/ | ||
+ | } | ||
+ | div.container | ||
+ | { | ||
+ | /*background:#313131;*/ | ||
+ | } | ||
+ | p | ||
+ | { | ||
+ | color:black; | ||
+ | margin-top:2px; | ||
+ | margin-bottom:2px; | ||
+ | } | ||
+ | p#logo a | ||
+ | { | ||
+ | margin:0px; | ||
+ | } | ||
+ | p#uni | ||
+ | { | ||
+ | color:#999999; | ||
+ | font-size:18px; | ||
+ | } | ||
+ | img.title-img | ||
+ | { | ||
+ | position:relative; | ||
+ | left:10px; | ||
+ | } | ||
+ | p.infor | ||
+ | { | ||
+ | text-indent:2em; | ||
+ | font-size:17px; | ||
+ | position: relative; | ||
+ | left: 25px; | ||
+ | top:5px; | ||
+ | } | ||
+ | div.square | ||
+ | { | ||
+ | height:110px; | ||
+ | } | ||
+ | |||
+ | .hor | ||
+ | { | ||
+ | background:#666666; | ||
+ | } | ||
+ | |||
+ | p.title | ||
+ | { | ||
+ | font-size:30px; | ||
+ | } | ||
+ | ul | ||
+ | { | ||
+ | list-style-type:none; | ||
+ | padding:0px; | ||
+ | } | ||
+ | ul#highlights | ||
+ | { | ||
+ | } | ||
+ | ul#highlights li | ||
+ | { | ||
+ | padding-left: 60px; | ||
+ | /*background: url('img/ok.gif') left center no-repeat;*/ | ||
+ | line-height: 22px; | ||
+ | list-style: none; | ||
+ | } | ||
+ | ul.nav-list li | ||
+ | { | ||
+ | padding-left: 10px; | ||
+ | list-style-type: none; | ||
+ | /*background: url('img/list.gif') left center no-repeat;*/ | ||
+ | line-height: 35px; | ||
+ | list-style: none; | ||
+ | font-size:15px; | ||
+ | } | ||
+ | |||
+ | ul.igem-list li | ||
+ | { | ||
+ | font-size:15px; | ||
+ | color:white; | ||
+ | } | ||
+ | ul#links p | ||
+ | { | ||
+ | color:#F0970C; | ||
+ | font-size:15px; | ||
+ | } | ||
+ | div#copyright | ||
+ | { | ||
+ | margin-left:40px; | ||
+ | background:#666666; | ||
+ | margin-bottom:20px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | div#copyright p | ||
+ | { | ||
+ | font-size:15px; | ||
+ | } | ||
+ | div.square-2 | ||
+ | { | ||
+ | width:40px; | ||
+ | height:40px; | ||
+ | } | ||
+ | ul.nav-list a { | ||
+ | padding: 5px 10px; | ||
+ | } | ||
+ | ul#human-list a:hover { | ||
+ | background: #CA1382; | ||
+ | color: white; | ||
+ | } | ||
+ | ul#human-list a.selected { | ||
+ | background: #CA1382; | ||
+ | color: white; | ||
+ | } | ||
+ | ul#project-list a:hover { | ||
+ | background: #1BA0E1; | ||
+ | color: white; | ||
+ | } | ||
+ | ul#project-list a.selected { | ||
+ | background: #1BA0E1; | ||
+ | color: white; | ||
+ | } | ||
+ | ul#lab-list a:hover { | ||
+ | background: #95DC19; | ||
+ | color: white; | ||
+ | } | ||
+ | ul#lab-list a.selected { | ||
+ | background: #95DC19; | ||
+ | color: white; | ||
+ | } | ||
+ | ul#team-list a { | ||
+ | color: #4BAAB0; | ||
+ | background: white; | ||
+ | } | ||
+ | ul#team-list a:hover { | ||
+ | color: white; | ||
+ | background: #4BAAB0; | ||
+ | } | ||
+ | ul#team-list a.selected { | ||
+ | color: white; | ||
+ | background: #4BAAB0; | ||
+ | } | ||
+ | .background-2 { | ||
+ | margin-left: 25px; | ||
+ | } | ||
+ | div.sponsors { | ||
+ | float: left; | ||
+ | height: 170px; | ||
+ | text-align: center; | ||
+ | width: 300px; | ||
+ | } | ||
+ | div.sponsors img { | ||
+ | max-height: 60px; | ||
+ | } | ||
+ | div.sponsors p { | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | img.question { | ||
+ | float: left; | ||
+ | width: 500px; | ||
+ | } | ||
+ | div#human-target img { | ||
+ | width: 500px; | ||
+ | } | ||
+ | div.student img { | ||
+ | width: 224px; | ||
+ | float: left; | ||
+ | } | ||
+ | div.student ul { | ||
+ | float: right; | ||
+ | position: relative; | ||
+ | top:20px; | ||
+ | left: 40px; | ||
+ | } | ||
+ | div.student ul { | ||
+ | width: 420px; | ||
+ | } | ||
+ | div.instructor { | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | div.instructor img { | ||
+ | max-width: 200px | ||
+ | } | ||
+ | |||
</style> | </style> | ||
</head> | </head> |
Revision as of 13:40, 5 October 2011