|
|
| Line 54: |
Line 54: |
| | font-size: 1.2em; | | font-size: 1.2em; |
| | } | | } |
| - | }
| |
| - |
| |
| - | /*======
| |
| - | Desktop Styling
| |
| - | ======*/
| |
| - |
| |
| - | /***Nav styling***/
| |
| - | header{
| |
| - | position: relative;
| |
| - | top: -45px;
| |
| - | z-index: 999;
| |
| - | }
| |
| - |
| |
| - | #nav-wrap{
| |
| - | height: 0px;
| |
| - | margin-top: -45px;
| |
| - | }
| |
| - |
| |
| - | #nav, #nav ul{
| |
| - | list-style: none;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | width: 965px;
| |
| - | height: 100%;
| |
| - | display: table;
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - | /*To be moved to JQ block*/
| |
| - | #menu-icon{
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | /*menu*/
| |
| - | #nav li{
| |
| - | height: auto;
| |
| - | padding: 0;
| |
| - | list-style: none;
| |
| - | float: left;
| |
| - | width: auto;
| |
| - | margin: 0;
| |
| - | background: #333333;
| |
| - | position: relative;
| |
| - | }
| |
| - | #nav > li a{
| |
| - | padding: 0 15px;
| |
| - | }
| |
| - | #nav > li{
| |
| - | background: transparent;
| |
| - | }
| |
| - |
| |
| - | /*submenu*/
| |
| - | #nav li ul {
| |
| - | position: absolute;
| |
| - | width: 200px;
| |
| - | display: none;
| |
| - | }
| |
| - | #nav li:hover ul {
| |
| - | display: block;
| |
| - | }
| |
| - | /*sub-submenu*/
| |
| - | #nav li ul ul{
| |
| - | margin-left: 230px;
| |
| - | margin-top: -15px;
| |
| - | }
| |
| - | #nav li:hover ul ul{
| |
| - | display: none;
| |
| - | }
| |
| - | #nav li:hover ul, #nav li li:hover ul{
| |
| - | display: block;
| |
| - | }
| |
| - | #nav a{
| |
| - | display: block;
| |
| - | font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;
| |
| - | color: white;
| |
| - | }
| |
| - | #nav li a{
| |
| - | line-height: 1.4em; /*centers the text vertically*/
| |
| - | font-size: 2em;
| |
| - | }
| |
| - | #nav ul li > a{
| |
| - | width: 200px;
| |
| - | }
| |
| - | /*color change after rollover*/
| |
| - | #nav li a:hover, #nav li li a.drop:hover::after{
| |
| - | display: block;
| |
| - | text-decoration: none;
| |
| - | color: #43bbff;
| |
| - | }
| |
| - | #nav li ul li ul{
| |
| - | margin-top: -35px;
| |
| - | position: absolute;
| |
| - | }
| |
| - | /*submenu and sub-submenu*/
| |
| - | #nav li ul li ul li a, #nav li ul li a{
| |
| - | font-size: 1.8em;
| |
| - | }
| |
| - | #nav li li a.drop:after{
| |
| - | content: '>';
| |
| - | padding-left: 20px;
| |
| - | color: #BBB;
| |
| - | display: inline;
| |
| - | float: right;
| |
| - | }
| |
| - |
| |
| - | /***End nav styling***/
| |
| - |
| |
| - | /***Headerimage***/
| |
| - | #headerimage{
| |
| - | width: 968px;
| |
| - | position: relative;
| |
| - | margin-left: 0px;
| |
| - | margin-bottom: 10px;
| |
| - | top: 0px;
| |
| - | }
| |
| - | #css-full{
| |
| - | display: none;
| |
| - | }
| |
| - | #css-mobi{
| |
| - | display: block;
| |
| - | top: 0px;
| |
| - | }
| |
| - |
| |
| - | /***Logo styling***/
| |
| - | #logo{
| |
| - | position: absolute;
| |
| - | top: 10px;
| |
| - | right: 20px;
| |
| - | float: right;
| |
| - | }
| |
| - |
| |
| - | #logo img{
| |
| - | width: 260px;
| |
| - | }
| |
| - |
| |
| - | /***Body styling***/
| |
| - | h1{
| |
| - | font-size: 2.3em;
| |
| - | }
| |
| - | h2{
| |
| - | font-size: 1.8em;
| |
| - | }
| |
| - | h3{
| |
| - | font-size: 1.6em;
| |
| - | }
| |
| - | h4{
| |
| - | font-size: 1.4em;
| |
| - | color: #333333;
| |
| - | }
| |
| - | #bodycontainer p{
| |
| - | font-size: 1.1em;
| |
| - | }
| |
| - | #pagetitle{
| |
| - | border-bottom: 2px solid black;
| |
| - | padding-bottom: 10px;
| |
| - | padding-left: 10px;
| |
| - | }
| |
| - | #bodycontainer h2, #bodycontainer p{
| |
| - | margin-left: 10px;
| |
| - | margin-right: 10px;
| |
| - | }
| |
| - | #bodycontainer{
| |
| - | margin-left: 225px;
| |
| - | }
| |
| - | #sidebar{
| |
| - | position: absolute;
| |
| - | width: 220px;
| |
| - | background: #333333;
| |
| - | z-index: 0;
| |
| - | }
| |
| - | #sidebar h2{
| |
| - | color: white;
| |
| - | padding: 20px 15px 0px 15px;
| |
| - | width: 100%;
| |
| - | }
| |
| - | #sidebar ul{
| |
| - | list-style: none;
| |
| - | margin: 0px 15px;
| |
| - | }
| |
| - | #sidebar > ul{
| |
| - | margin-bottom: 20px;
| |
| - | }
| |
| - | #sidebar a{
| |
| - | color: white;
| |
| - | font-family: Georgia, Serif;
| |
| - | font-size: 1.4em;
| |
| - | display: block;
| |
| - | line-height: 1.4em;
| |
| - | }
| |
| - | #sidebar a:hover{
| |
| - | text-decoration: none;
| |
| - | color: #43BBFF;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* thumbnails */
| |
| - | div.thumb {
| |
| - | margin-bottom: .5em;
| |
| - | border-style: solid;
| |
| - | border-color: transparent;
| |
| - | width: auto;
| |
| - | }
| |
| - | div.thumb div {
| |
| - | border: 0px;
| |
| - | padding: 3px !important;
| |
| - | font-size: 94%;
| |
| - | text-align: center;
| |
| - | overflow: hidden;
| |
| - | }
| |
| - | div.thumb div a img {
| |
| - | border: 1px solid #333;
| |
| - | }
| |
| - | div.thumb div div.thumbcaption {
| |
| - | border: 1px solid #333;
| |
| - | text-align: left;
| |
| - | line-height: 1.4em;
| |
| - | padding: .3em 0 .1em 0;
| |
| - |
| |
| - | }
| |
| - | div.magnify {
| |
| - | float: right;
| |
| - | border: none !important;
| |
| - | background: none !important;
| |
| - | }
| |
| - | div.magnify a, div.magnify img {
| |
| - | display: block;
| |
| - | border: none !important;
| |
| - | background: none !important;
| |
| - | }
| |
| - | div.tright {
| |
| - | clear: right;
| |
| - | float: right;
| |
| - | border-width: .5em 0 .8em 1.4em;
| |
| - | }
| |
| - | div.tleft {
| |
| - | float: left;
| |
| - | margin-right: .5em;
| |
| - | border-width: .5em 1.4em .8em 0;
| |
| | } | | } |
| | | | |
| Line 298: |
Line 59: |
| | </style> | | </style> |
| | | | |
| - | <!--Mobile nav from http://webdesignerwall.com/tutorials/mobile-navigation-design-tutorial-->
| |
| - | <script type="text/javascript">
| |
| - | /*from annakata on StackOverflow: http://stackoverflow.com/questions/486896/adding-a-parameter-to-the-url-with-javascript*/
| |
| - | /*unusable
| |
| - | function insertParam(key, value)
| |
| - | {
| |
| - | key = escape(key); value = escape(value);
| |
| - |
| |
| - | var kvp = document.location.search.substr(1).split('&');
| |
| - |
| |
| - | var i=kvp.length; var x; while(i--)
| |
| - | {
| |
| - | x = kvp[i].split('=');
| |
| - |
| |
| - | if (x[0]==key)
| |
| - | {
| |
| - | x[1] = value;
| |
| - | kvp[i] = x.join('=');
| |
| - | break;
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | if(i<0) {kvp[kvp.length] = [key,value].join('=');}
| |
| - |
| |
| - | //this will reload the page, it's likely better to store this until finished
| |
| - | document.location.search = kvp.join('&');
| |
| - | }
| |
| - | */
| |
| - |
| |
| - | jQuery(document).ready(function($){
| |
| - |
| |
| - | //eliminate jsnotice
| |
| - | $('#jsnotice').hide();
| |
| - |
| |
| - | //prepend menu icon
| |
| - | $('#nav-wrap').prepend('<div id="menu-icon">Menu</div>');
| |
| - |
| |
| - | //toggle nav
| |
| - | $("#menu-icon").click(function(){
| |
| - | $("#nav").slideToggle('fast');
| |
| - | $(this).toggleClass("active");
| |
| - |
| |
| - | });
| |
| - |
| |
| - | //hide url bar
| |
| - | window.scrollTo(0, 1);
| |
| - |
| |
| - | /*Set stylesheet properly*/
| |
| - | /*Current unusable
| |
| - | if($(window).width() > 0){
| |
| - | $("#pagestyle").attr("href", 'https://2012.igem.org/Team:Calgary/static/basicpagedesktop.css?action=raw');
| |
| - | $("#pagestyle").href += (/\?/.test(this.href) ? '&' : '?') + 'ctype=text/css';
| |
| - | }
| |
| - |
| |
| - | $('#css-full').click(function(){
| |
| - |
| |
| - | });
| |
| - | */
| |
| - |
| |
| - | //figure box positioning
| |
| - | if($('.figurebox div.params p.position:contains("left")').length > 0){
| |
| - | $(this).closest('.figurebox').css("float", "left");
| |
| - | }
| |
| - |
| |
| - |
| |
| - | });
| |
| - |
| |
| - | </script>
| |
| | | | |
| | <!--switching function: thanks to http://www.digital-web.com/articles/strategies_for_css_switching/--> | | <!--switching function: thanks to http://www.digital-web.com/articles/strategies_for_css_switching/--> |
| Line 372: |
Line 65: |
| | | | |
| | <body> | | <body> |
| - |
| |
| - | <header>
| |
| - | <!--
| |
| - | <a id="css-full" href="#default">Full View</a>
| |
| - | <a id="css-mobi" href="#mobile">Mobile View</a>
| |
| - | -->
| |
| - | <div id="headerimage"><img src="https://static.igem.org/mediawiki/2012/f/fc/UCalgary2012_MainHeaderImage.png"></img></div>
| |
| - | <a id="logo" href="https://2012.igem.org/Team:Calgary"><img src="https://static.igem.org/mediawiki/2012/4/48/UCalgary2012_White_Low-Res_Official_Logo.png"></img></a>
| |
| - | <div id="nav-wrap">
| |
| - | <ul id="nav">
| |
| - | <li><a href="https://2012.igem.org/Team:Calgary">Home</a></li>
| |
| - | <li><a class="drop" href="https://2012.igem.org/Team:Calgary#">Team</a>
| |
| - | <ul>
| |
| - | <li>
| |
| - | <a class="drop" href="#">Members</a>
| |
| - | <ul>
| |
| - | <li><a href="#">Undergraduates</a></li>
| |
| - | <li><a href="#">Advisors</a></li>
| |
| - | <li><a href="#">Supervisors</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a class="dropheader" href="http://ung.igem.org/Team.cgi?id=902">Official Profile</a></li>
| |
| - | <li><a class="dropheader" href="#">The University</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a class="drop" href="https://2012.igem.org/Team:Calgary#">Project</a>
| |
| - | <ul>
| |
| - | <li>
| |
| - | <a class="drop" href="https://2012.igem.org/Team:Calgary#">Overview</a>
| |
| - | <ul>
| |
| - | <li><a href="#">Data Page</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a class="drop" href="https://2012.igem.org/Team:Calgary#">Human Practices</a>
| |
| - | <ul>
| |
| - | <li><a href="#">Design</a></li>
| |
| - | <li><a href="#">Killswitch</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Calgary/Safety">Safety</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a class="drop" href="https://2012.igem.org/Team:Calgary#">FRED</a>
| |
| - | <ul>
| |
| - | <li><a href="#">Sensing NAs</a></li>
| |
| - | <li><a href="#">Electroreporting</a></li>
| |
| - | <li><a href="#">Modelling</a></li>
| |
| - | <li><a href="#">Device Prototype</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a class="drop" href="https://2012.igem.org/Team:Calgary#">OSCAR</a>
| |
| - | <ul>
| |
| - | <li><a href="#">Decarboxylation</a></li>
| |
| - | <li><a href="#">Desulfurization</a></li>
| |
| - | <li><a href="#">Denitrification</a></li>
| |
| - | <li><a href="#">Decatecholization</a></li>
| |
| - | <li><a href="#">Bioreactor Design</a></li>
| |
| - | <li><a href="#">Flux Analysis</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="https://2012.igem.org/Team:Calgary/Project/FutureDirections">Future Directions</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="https://2012.igem.org/Team:Calgary/Parts">Parts</a></li>
| |
| - | <li><a class="drop" href="https://2012.igem.org/Team:Calgary#">Notebook</a>
| |
| - | <ul>
| |
| - | <li><a href="#">Journal</a></li>
| |
| - | <li><a href="#">Protocols</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a class="drop" href="https://2012.igem.org/Team:Calgary#">Outreach</a>
| |
| - | <ul>
| |
| - | <li><a href="#">Video Game</a></li>
| |
| - | <li><a href="#">Spark Science</a></li>
| |
| - | <li><a href="#">Minds in Motion</a></li>
| |
| - | <li><a href="#">Blog Posts</a></li>
| |
| - | <li><a href="#">TEDxCalgary</a></li>
| |
| - | <li><a href="#">Follow Us!</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="https://2012.igem.org/Team:Calgary/Sponsors">Sponsors</a></li>
| |
| - | <li><a href="https://2012.igem.org" target="_blank">iGEM</a></li>
| |
| - | </ul>
| |
| - |
| |
| - | </div>
| |
| - | </header>
| |
| | | | |
| | <div id="sidebar"> | | <div id="sidebar"> |
| | + | |
| | + | <div id="list"> |
| | <h2></html>{{{SECTION|Wiki Section}}}<html></h2> | | <h2></html>{{{SECTION|Wiki Section}}}<html></h2> |
| | </html> | | </html> |
| Line 480: |
Line 88: |
| | }}} | | }}} |
| | <html> | | <html> |
| | + | </div> |
| | + | <!-- |
| | + | <div id="sidebarimg"> |
| | + | </div> |
| | + | --> |
| | </div> | | </div> |
| | | | |
Hello! iGEM Calgary's wiki functions best with Javascript enabled, especially for mobile devices. We recommend that you enable Javascript on your device for the best wiki-viewing experience. Thanks!
Page Title
Hello! We are sorry to say that this page has yet to be created. Please check back shortly to see any new updates that we may have.
Under Construction!
Currently this wiki is under construction. We hope to bring the entire site running up to full speed as soon as we can. For the time being, there will be broken links and navigation issues until we iron out the kinks. We apologize for any inconvenience.
"
