|
|
Line 307: |
Line 307: |
| | | |
| <link href='http://fonts.googleapis.com/css?family=Signika:300,400' rel='stylesheet' type='text/css'> | | <link href='http://fonts.googleapis.com/css?family=Signika:300,400' rel='stylesheet' type='text/css'> |
- | | + | <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/bepcnvc/YKnm67emn/team.css"> |
- | | + | <style type="text/css">@import "http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/videobox.css";</style> |
- | <!-- <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/bepcnvc/YKnm67emn/team.css"> -->
| + | |
- | | + | |
- | a{
| + | |
- | color:#B22222;
| + | |
- | }
| + | |
- | | + | |
- | a:hover {
| + | |
- | color:#B22222;
| + | |
- | }
| + | |
- | | + | |
- | a:visited{
| + | |
- | color:#B22222;
| + | |
- | }
| + | |
- | | + | |
- | td
| + | |
- | {
| + | |
- | font-family: Signika;
| + | |
- | font-size: 10pt;
| + | |
- | vertical-align: top;
| + | |
- | text-align: left;
| + | |
- | padding-right: 10px;
| + | |
- | }
| + | |
- | | + | |
- | tr
| + | |
- | {
| + | |
- | vertical-align: top;
| + | |
- | }
| + | |
- | | + | |
- | H1 {
| + | |
- | font-family: Signika;
| + | |
- | text-transform: none;
| + | |
- | color: #B22222;
| + | |
- | text-align: left;
| + | |
- | }
| + | |
- | | + | |
- |
| + | |
- | H4 {
| + | |
- | font-family: Signika;
| + | |
- | text-transform: none;
| + | |
- | color: #B22222;
| + | |
- | text-align: left;
| + | |
- | }
| + | |
- | | + | |
- | img.headshot {
| + | |
- | width: 100px;
| + | |
- | height: auto;
| + | |
- | vertical-align: text-top;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | body {
| + | |
- | background: #FFFFFF;
| + | |
- | font-family: Signika;
| + | |
- |
| + | |
- | }
| + | |
- | | + | |
- | #tracking_nav
| + | |
- | {
| + | |
- | margin: 0px 0px 0px 900px;
| + | |
- | position: fixed;
| + | |
- | color:#bababa;
| + | |
- | border: 1px solid ##B22222;
| + | |
- | background:##B22222;
| + | |
- | font-size: 16pt;
| + | |
- | padding: 5px;
| + | |
- | line-height: 100%;
| + | |
- | }
| + | |
- | | + | |
- | #tracking_nav a { color:#ffffff; text-transform: lowercase;font-size: 16pt;}
| + | |
- | #tracking_nav a:hover {background:#bababa;}
| + | |
- | | + | |
- | #parts_table
| + | |
- | {
| + | |
- | border: 1px solid #69d01d;
| + | |
- | border-collapse: collapse;
| + | |
- | width: 100%;
| + | |
- | margin: auto;
| + | |
- | }
| + | |
- | | + | |
- | #parts_table td
| + | |
- | {
| + | |
- | text-align: center;
| + | |
- | margin: 5px;
| + | |
- | border: 1px solid #69d01d;
| + | |
- |
| + | |
- | }
| + | |
- | | + | |
- | #parts_table th
| + | |
- | {
| + | |
- | background-color: #bababa;
| + | |
- | border: 1px solid #69d01d;
| + | |
- | color: #ffffff;
| + | |
- | }
| + | |
- | | + | |
- | .table_part
| + | |
- | {
| + | |
- | vertical-align: middle;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | #nav li {
| + | |
- | color: #ffffff;
| + | |
- | background-color:#696969;
| + | |
- | margin: 0 3px;
| + | |
- | float: left;
| + | |
- | position: relative;
| + | |
- | list-style: none;
| + | |
- | text-transform:none;
| + | |
- | font-size:12pt;
| + | |
- | }
| + | |
- | | + | |
- | /* main level link */
| + | |
- | #nav a {
| + | |
- | font-weight: bold;
| + | |
- | color: #ffffff;
| + | |
- | text-decoration: none;
| + | |
- | display: block;
| + | |
- | padding: 7px 13px;
| + | |
- | margin: 0;
| + | |
- | }
| + | |
- | #nav a:hover {
| + | |
- | background-color: #000;
| + | |
- | color: #ffffff;
| + | |
- | }
| + | |
- | | + | |
- | /* main level link hover */
| + | |
- | #nav .current a, #nav li:hover > a {
| + | |
- | color: #ffffff;
| + | |
- | background-color: #B22222;
| + | |
- | }
| + | |
- | | + | |
- | /* sub levels link hover */
| + | |
- | #nav ul li:hover a, #nav li:hover li a {
| + | |
- | border: solid;
| + | |
- | border-color: #000000;
| + | |
- | border-width: 1px;
| + | |
- | background-color: #B22222;
| + | |
- | color: #ffffff;
| + | |
- | }
| + | |
- | | + | |
- | #nav ul a:hover {
| + | |
- | background: #fff url(img/gradient.png) repeat-x 0 -100px !important;
| + | |
- | color: #B22222 !important;
| + | |
- | | + | |
- | text-shadow: 0 1px 1px rgba(0,0,0, .1);
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* dropdown */
| + | |
- | #nav li:hover > ul {
| + | |
- | display: block;
| + | |
- | background-color: #fff;
| + | |
- | }
| + | |
- | | + | |
- | /* level 2 list */
| + | |
- | #nav ul {
| + | |
- | display: none;
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | width: 205px;
| + | |
- | position: absolute;
| + | |
- | top: 32px;
| + | |
- | left: 0;
| + | |
- |
| + | |
- | }
| + | |
- | #nav ul li {
| + | |
- | float: none;
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | #nav ul a {
| + | |
- | font-weight: normal;
| + | |
- | text-shadow: 0 1px 0 #fff;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | /* clearfix */
| + | |
- | #nav:after {
| + | |
- | content: ".";
| + | |
- | display: block;
| + | |
- | clear: both;
| + | |
- | visibility: hidden;
| + | |
- | line-height: 0;
| + | |
- | height: 0;
| + | |
- | }
| + | |
- | #nav {
| + | |
- | display: inline-block;
| + | |
- | }
| + | |
- | html[xmlns] #nav {
| + | |
- | display: block;
| + | |
- | }
| + | |
- |
| + | |
- | * html #nav {
| + | |
- | height: 1%;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | @font-face {
| + | |
- | font-family: HP PSG;
| + | |
- | src: url(HP PSG.eot);
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | <!--<style type="text/css">@import "http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/videobox.css";</style>-->
| + | |
- | div.videobox {
| + | |
- | padding: 10px 0 10px 10px;
| + | |
- | background-color: #fff;
| + | |
- | overflow: hidden;
| + | |
- | margin-bottom: 2em;
| + | |
- | color: #111;
| + | |
- | width: 650px;
| + | |
- | margin-left:auto;
| + | |
- | margin-right:auto;
| + | |
- | }
| + | |
- | | + | |
- | div.videobox h4 {
| + | |
- | font-weight: normal;
| + | |
- | font-family: georgia, serif;
| + | |
- | font-size: 1.8em;
| + | |
- | margin: 0 0 10px 0;
| + | |
- | color: #111;
| + | |
- | }
| + | |
- | | + | |
- | div.videoboxjs div.bigvideo {
| + | |
- | text-align: center;
| + | |
- | margin: 0 10px 10px 0;
| + | |
- | padding: 0;
| + | |
- | float: left;
| + | |
- | background-image: url(ajax-loader.gif);
| + | |
- | background-repeat: no-repeat;
| + | |
- | background-position: center center;
| + | |
- | }
| + | |
- | | + | |
- | div.videoboxjs div.bigvideo br {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | | + | |
- | div.videoboxjs ul {
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | list-style-type: none;
| + | |
- | margin-left: 400px;
| + | |
- | }
| + | |
- | | + | |
- | div.videoboxjs ul li {
| + | |
- | float: right;
| + | |
- | margin: 0 10px 10px 0;
| + | |
- | list-style-type: none;
| + | |
- | }
| + | |
- | | + | |
- | div.videoboxjs ul a {
| + | |
- | display: block;
| + | |
- | outline: none;
| + | |
- | list-style-type: none;
| + | |
- | }
| + | |
- | | + | |
- | div.videoboxjs ul a img {
| + | |
- | opacity: 0.65;
| + | |
- | filter: alpha(opacity=65);
| + | |
- | }
| + | |
- | | + | |
- | div.videoboxjs ul a:hover img {
| + | |
- | opacity: 1;
| + | |
- | filter: alpha(opacity=100);
| + | |
- | }
| + | |
- | | + | |
- | div.videoboxjs ul a.current img {
| + | |
- | opacity: 1;
| + | |
- | filter: alpha(opacity=100);
| + | |
- | }
| + | |
- | | + | |
- | div.videoboxjs ul a img {
| + | |
- | display: block;
| + | |
- | width: 101px;
| + | |
- | height: 75px;
| + | |
- | }
| + | |
- | | + | |
- | div.videoboxjs ul a.current img {
| + | |
- | border-color: #f02e01;
| + | |
- | }
| + | |
- | | + | |
- | div.videoboxjs p {
| + | |
- | clear: both;
| + | |
- | }
| + | |
| | | |
| </head> | | </head> |
| <body class="basiclayout"> | | <body class="basiclayout"> |
- | | + | <div id="bu-wellesley_wiki_content"> |
- | | + | |
| | | |
| <div id="igemlogo"> | | <div id="igemlogo"> |