|
|
| Line 1: |
Line 1: |
| - | {{Template:UCSF/MainHeader}}
| |
| - | <html>
| |
| - | <head>
| |
| - | <!--CSS styles: global-->
| |
| - | <style type="text/css">
| |
| - | /***
| |
| - | Minimal header:
| |
| - | Thanks a lot to 2012 Calgary team for snippets of their code!
| |
| - | Check out their wikis at:
| |
| - | https://2012.igem.org/Team:Calgary
| |
| - | ***/
| |
| - |
| |
| - | #content h1.firstHeading {
| |
| - | visibility:hidden;
| |
| - | }
| |
| - | #p-logo {
| |
| - | display: none;
| |
| - | }
| |
| - | #searchform {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | .left-menu {
| |
| - | background-color: #555;
| |
| - |
| |
| - | }
| |
| - | .left-menu a {
| |
| - | color: #000;
| |
| - | }
| |
| - |
| |
| - | div#top-section{ /*the div containing the entire top bar*/
| |
| - | height: 20px;
| |
| - | margin-bottom: 0px !important;
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #content{
| |
| - | margin-top: 0px;
| |
| - | }
| |
| - |
| |
| - | #search-controls {
| |
| - | overflow:hidden;
| |
| - | display:none;
| |
| - | background: none;
| |
| - | position: absolute;
| |
| - | top: 170px;
| |
| - | right: 40px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | div#header {
| |
| - | width: 975px;
| |
| - | text-align: left;
| |
| - | margin-left: auto;
| |
| - | margin-right: auto;
| |
| - | margin-bottom: 0px !important;
| |
| - | }
| |
| - |
| |
| - | #menubar {
| |
| - | position: absolute;
| |
| - | background: none;
| |
| - | color: black;
| |
| - | }
| |
| - |
| |
| - | .left-menu, .right-menu{
| |
| - | position: absolute;
| |
| - | background: none;
| |
| - | color: black;
| |
| - | }
| |
| - |
| |
| - | .left-menu li a, .right-menu li a {
| |
| - | color: #000 !important;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | .left-menu ul li, .right-menu ul li a{
| |
| - | background: none;
| |
| - | color: #000 !important;
| |
| - | }
| |
| - |
| |
| - | .left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
| |
| - | color: #000 !important;
| |
| - | }
| |
| - |
| |
| - | #catlinks{
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | /*important for background colours*/
| |
| - | .mediawiki{
| |
| - | background: #ffffff;
| |
| - | }
| |
| - |
| |
| - | /***End minimal header***/
| |
| - |
| |
| - | /*Base styles*/
| |
| - | #content{
| |
| - | border: none;
| |
| - | }
| |
| - | h1, h2,h3, h4, #css-full, #css-mobi{
| |
| - | font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;
| |
| - | border: 0;
| |
| - | font-weight: normal;
| |
| - | }
| |
| - |
| |
| - | p1, p2, p3, div.thumb div div.thumbcaption{
| |
| - | font-family: Calibri, Sans-Serif;
| |
| - | font-weight: normal;
| |
| - | color: black;
| |
| - | }
| |
| - |
| |
| - | #css-full, #css-mobi{
| |
| - | position: absolute;
| |
| - | float: right;
| |
| - | color: black;
| |
| - | font-size: 1.3em;
| |
| - | top: 0px;
| |
| - | right: 15px;
| |
| - | display: block;
| |
| - | padding: 10px;
| |
| - | }
| |
| - |
| |
| - | #jsnotice{
| |
| - | background-color: #4ED92F;
| |
| - | }
| |
| - |
| |
| - | #table{
| |
| - | margin: 10px;
| |
| - | }
| |
| - |
| |
| - | #textlink a:link,
| |
| - | a:visited{
| |
| - | font-family: Calibri, Sans-Serif;
| |
| - | font-weight: normal;
| |
| - | color: #4E9600;
| |
| - | text-decoration:none;
| |
| - | }
| |
| - |
| |
| - | #textlink a:hover,
| |
| - | a:active{
| |
| - | font-family: Calibri, Sans-Serif;
| |
| - | font-weight: normal;
| |
| - | color: #4E9600;
| |
| - | text-decoration:underline;
| |
| - | }
| |
| - |
| |
| - | /***Body styling***/
| |
| - | h1{
| |
| - | font-size: 2.2em;
| |
| - | line-height: 1.2em;
| |
| - | color: #008000;
| |
| - | font-weight: bold;
| |
| - | }
| |
| - | h2{
| |
| - | font-size: 2.0em;
| |
| - | line-height: 1em;
| |
| - | //color: #008000;
| |
| - | font-weight: bold;
| |
| - | }
| |
| - | h3{
| |
| - | font-size: 1.8em;
| |
| - | line-height: 1em;
| |
| - | //margin: 0px 15px;
| |
| - | //font-weight: bold;
| |
| - | text-decoration: underline;
| |
| - | color: #008000;
| |
| - | }
| |
| - | h4{
| |
| - | font-size: 1.4em;
| |
| - | //color: #333333;
| |
| - | //margin: 0px 20px;
| |
| - | font-weight: normal;
| |
| - | }
| |
| - | p1{
| |
| - | font-size: 1.7em;
| |
| - | color: #008000;
| |
| - | font-weight: bold;
| |
| - | }
| |
| - | p2{
| |
| - | font-size: 1.5em;
| |
| - | }
| |
| - | p3{
| |
| - | font-size: 1.2em;
| |
| - | }
| |
| - |
| |
| - | #pagetitle{
| |
| - | border-bottom: 2px solid black;
| |
| - | padding-bottom: 10px;
| |
| - | padding-left: 10px;
| |
| - | }
| |
| - | #bodycontainer h2{
| |
| - | margin-left: 10px;
| |
| - | margin-right: 10px;
| |
| - | }
| |
| - | #bodycontainer p{
| |
| - | margin-left: 20px;
| |
| - | margin-right: 10px;
| |
| - | }
| |
| - | #bodycontainer{
| |
| - | margin-left: 220px;
| |
| - | }
| |
| - | #bodycontainer ul{
| |
| - | margin-left: 5.0em;
| |
| - | }
| |
| - | #bodycontainer li{
| |
| - | font-family: Georgia, Serif;
| |
| - | }
| |
| - | #box1{
| |
| - | width: 740px;
| |
| - | height: 3000px;
| |
| - | background: #fffff;
| |
| - | float: left;
| |
| - | margin-left: 210px;
| |
| - | margin-top: 15px;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | <!------------------------------Context Styles-------------------------------->
| |
| - | <style>
| |
| - | #mission {width: 500px; float:left; background-color: #F5F5F5; margin-left:8px; padding: 10px; margin-top:8px;}
| |
| - | #opensource {width:306px; float:left; background-color: #F5F5F5; margin-left:8px; padding: 10px; margin-top:8px;}
| |
| - | #rightcontent {width:800px; float:right; background-color: #F5F5F5; margin-left: 8px; margin-top:10px;}
| |
| - | #photos {float:left; background-color: #FFFFFF; margin-left: 15px; margin-top:5px;}
| |
| - | #photos_right {float:right; background-color: #FFFFFF; margin-left: 0px; margin-top:5px;}
| |
| - | #leftcontenttext{float:left; background-color: #FFFFFF; margin-left: 15px; margin-top:5px;}
| |
| - | #rightcontenttext {float:right; background-color: #FFFFFF; margin-left:15px; padding:10px; margin-top:0px;}
| |
| - | //#flickr{width:755px; float:right;}
| |
| - | </style>
| |
| - |
| |
| - |
| |
| - | <!---------------------------------Sidebar------------------------------------------>
| |
| - | <!--Thanks a lot to 2012 SJTU-BioX-Shanghai team for snippets of their code!
| |
| - | Check out their wikis at:
| |
| - | https://2012.igem.org/Team:SJTU-BioX-Shanghai
| |
| - | -->
| |
| - |
| |
| - | <!-------------------------------Sidebar Styles-------------------------------->
| |
| - | <style type="text/css">
| |
| - | div.sdmenu {
| |
| - | font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;
| |
| - | font-size: 1.3em;
| |
| - | padding-bottom: 5px;
| |
| - | color: #fff;
| |
| - | }
| |
| - | div.sdmenu div {
| |
| - | background-color: #67A15A;
| |
| - | overflow: hidden;
| |
| - | }
| |
| - | div.sdmenu div.collapsed {
| |
| - | height: 30px;}
| |
| - | div.sdmenu div span {
| |
| - | display: block;
| |
| - | padding: 6px 25px;
| |
| - | width: 160px;
| |
| - | font-weight: bold;
| |
| - | color: white;
| |
| - | background: url(/wiki/images/f/f7/12SJTU_floatnav_expanded.gif) no-repeat 10px center;
| |
| - | cursor: default;
| |
| - | border-bottom: 1px solid #ddd;
| |
| - | cursor: pointer;
| |
| - | }
| |
| - | div.sdmenu div:hover{
| |
| - | background-color: #69C800;
| |
| - | }
| |
| - | div.sdmenu div.collapsed span {
| |
| - | background-image: url(/wiki/images/2/20/12SJTU_floatnav_collapsed.gif);
| |
| - | }
| |
| - | div.sdmenu div a {
| |
| - | padding: 5px 10px;
| |
| - | background: #D6EADC;
| |
| - | display: block;
| |
| - | border-bottom: 1px solid #ddd;
| |
| - | color: #1E3A00;
| |
| - | }
| |
| - | div.sdmenu div a.current {
| |
| - | background : #C0DCA4;
| |
| - | }
| |
| - | div.sdmenu div a:hover {
| |
| - | background : #4E9600 url(/wiki/images/2/2d/12SJTU_floatnav_linkarrow.gif) no-repeat right center;
| |
| - | color: #fff;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | </style>
| |
| - |
| |
| - | <style type="text/css">
| |
| - | .floatbox{
| |
| - | position:absolute;
| |
| - | width:160px;
| |
| - | height:00px;
| |
| - | background:#FFFFFF
| |
| - | }
| |
| - | </style>
| |
| - |
| |
| - | <!-------------------------------Sidebar JavaScripts----------------------------->
| |
| - | <script type="text/javascript" >
| |
| - | function SDMenu(id) {
| |
| - | if (!document.getElementById || !document.getElementsByTagName)
| |
| - | return false;
| |
| - | this.menu = document.getElementById(id);
| |
| - | this.submenus = this.menu.getElementsByTagName("div");
| |
| - | this.remember = true;
| |
| - | this.speed = 20;
| |
| - | this.markCurrent = true;
| |
| - | this.oneSmOnly = false;
| |
| - | }
| |
| - | SDMenu.prototype.init = function() {
| |
| - | var mainInstance = this;
| |
| - | for (var i = 0; i < this.submenus.length; i++)
| |
| - | this.submenus[i].getElementsByTagName("span")[0].onclick= function() {
| |
| - | mainInstance.toggleMenu(this.parentNode);
| |
| - | };
| |
| - | if (this.markCurrent) {
| |
| - | var links = this.menu.getElementsByTagName("a");
| |
| - | for (var i = 0; i < links.length; i++)
| |
| - | if (links[i].href == document.location.href) {
| |
| - | links[i].className = "current";
| |
| - | break;
| |
| - | }
| |
| - | }
| |
| - | if (this.remember) {
| |
| - | var regex = new RegExp("sdmenu_" + encodeURIComponent(this.menu.id) + "=([01]+)");
| |
| - | var match = regex.exec(document.cookie);
| |
| - | if (match) {
| |
| - | var states = match[1].split("");
| |
| - | for (var i = 0; i < states.length; i++)
| |
| - | this.submenus[i].className = (states[i] == 0 ? "collapsed" : "");
| |
| - | }
| |
| - | }
| |
| - | };
| |
| - | SDMenu.prototype.toggleMenu = function(submenu) {
| |
| - | if (submenu.className == "collapsed")
| |
| - | this.expandMenu(submenu);
| |
| - | else
| |
| - | this.collapseMenu(submenu);
| |
| - | this.collapseOthers(submenu);
| |
| - | };
| |
| - | SDMenu.prototype.expandMenu = function(submenu) {
| |
| - | var fullHeight = submenu.getElementsByTagName("span")[0].offsetHeight;
| |
| - | var links = submenu.getElementsByTagName("a");
| |
| - |
| |
| - | for (var i = 0; i < links.length; i++)
| |
| - | fullHeight += links[i].offsetHeight;
| |
| - | var moveBy = Math.round(this.speed * links.length);
| |
| - |
| |
| - | var mainInstance = this;
| |
| - | var intId = setInterval(function() {
| |
| - | var curHeight = submenu.offsetHeight;
| |
| - | var newHeight = curHeight + moveBy;
| |
| - | if (newHeight < fullHeight)
| |
| - | submenu.style.height = newHeight + "px";
| |
| - | else {
| |
| - | clearInterval(intId);
| |
| - | submenu.style.height = "";
| |
| - | submenu.className = "";
| |
| - | mainInstance.memorize();
| |
| - | }
| |
| - | }, 30);
| |
| - | this.collapseOthers(submenu);
| |
| - | };
| |
| - | SDMenu.prototype.collapseMenu = function(submenu) {
| |
| - | var minHeight = submenu.getElementsByTagName("span")[0].offsetHeight;
| |
| - | var moveBy = Math.round(this.speed * submenu.getElementsByTagName("a").length);
| |
| - | var mainInstance = this;
| |
| | {{Template:UCSF/MainHeader}} | | {{Template:UCSF/MainHeader}} |
| | <html> | | <html> |
| Line 828: |
Line 463: |
| | </div> | | </div> |
| | | | |
| - | <!--Span: Materials--> | + | <!--Span Exploratorium--> |
| | <script type="text/javascript"> | | <script type="text/javascript"> |
| | // <![CDATA[ | | // <![CDATA[ |
| Line 837: |
Line 472: |
| | myMenu.remember = false; | | myMenu.remember = false; |
| | myMenu.init(); | | myMenu.init(); |
| - | myMenu.expandMenu(myMenu.submenus[2]); | + | myMenu.expandMenu(myMenu.submenus[0]); |
| | }; | | }; |
| | // ]]> | | // ]]> |
| Line 877: |
Line 512: |
| | | | |
| | <div id="box1" align="justify"> | | <div id="box1" align="justify"> |
| | + | |
| | + | |
| | <!------------------------------------Comtext-------------------------------------> | | <!------------------------------------Comtext-------------------------------------> |
| | <h2><center> Human Practices Materials </center></h2> | | <h2><center> Human Practices Materials </center></h2> |
"
