Team:WITS-CSIR SA/Project/Protocols

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
     <title>Biotweet - Protocols</title>
+
     <title>Biotweet - Safety</title>
-
     <!--<link href="../css/layout.css" rel="stylesheet" type="text/css" />
+
     <link type="text/css" media="screen" rel="Stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/resources/dojo.css" />
-
     <link href="../css/presentation.css" rel="stylesheet" type="text/css" />
+
     <link type="text/css" media="screen" rel="Stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dijit/themes/claro/claro.css" />
-
    <link href="../css/theme/jquery-ui-1.8.14.custom.css" rel="stylesheet" type="text/css" />-->
+
     <style type="text/css">
-
     <!--<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.0/build/cssreset/reset-min.css">-->
+
        html, body, div.container
 +
        {
 +
            height: 100%;
 +
            padding: 0px;
 +
            margin: 0px;
 +
        }
 +
       
 +
        div.top
 +
        {
 +
            height: 140px;
 +
            background-color: #2d4782;
 +
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6279ad', endColorstr='#2d4782'); /* for IE */
 +
            background: -webkit-gradient(linear, left top, left bottom, from(#6279ad), to(#2d4782)); /* for webkit browsers */
 +
            background: -moz-linear-gradient(top,  #6279ad,  #2d4782); /* for firefox 3.6+ */
 +
        }
 +
       
 +
        div.center
 +
        {
 +
            background-color: #b8bcbf;
 +
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8bcbf', endColorstr='#ffffff') !important; /* for IE */
 +
            background: -webkit-gradient(linear, left top, left bottom, from(#b8bcbf), to(#ffffff)) !important; /* for webkit browsers */
 +
            background: -moz-linear-gradient(top,  #b8bcbf,  #ffffff) !important; /* for firefox 3.6+ */
 +
        }
 +
       
 +
        div.bottom
 +
        {
 +
            text-align: center;
 +
        }
 +
       
 +
        .dijitMenuItem
 +
        {
 +
            background-color: #eeeeff;
 +
        }
 +
    </style>
 +
    <script type="text/javascript">
 +
        var dojoConfig = {
 +
            isDebug: false,
 +
            parseOnLoad: false
 +
        }
 +
    </script>
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/layout.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/layout.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/presentation.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/presentation.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/theme/jquery-ui-1.8.14.custom.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/theme/jquery-ui-1.8.14.custom.css?action=raw&amp;ctype=text/css">
 +
    <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/liteaccordion.css?action=raw&amp;ctype=text/css">
     <!-- Begin: Core -->
     <!-- Begin: Core -->
-
    <!--<script src="../js/lib/jquery-1.5.1.min.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/modernizr-1.7.min.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/underscore.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/backbone.js" type="text/javascript"></script>-->
 
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery-1.5.1.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery-1.5.1.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/modernizr-1.7.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/modernizr-1.7.min.js?action=raw&amp;ctype=text/js"></script>
Line 20: Line 57:
     <!-- End:  Core -->
     <!-- End:  Core -->
     <!-- Begin: Library -->
     <!-- Begin: Library -->
-
    <!--<script src="../js/lib/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jquery.fling.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/sammy-latest.min.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jQuery.BlockUI.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jquery.sizes.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jlayout.border.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jquery.jlayout.js" type="text/javascript"></script>-->
 
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery-ui-1.8.14.custom.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery-ui-1.8.14.custom.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.fling.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.fling.js?action=raw&amp;ctype=text/js"></script>
Line 34: Line 64:
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jlayout.border.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jlayout.border.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.jlayout.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.jlayout.js?action=raw&amp;ctype=text/js"></script>
 +
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/liteaccordion.jquery.js?action=raw&amp;ctype=text/js"></script>
     <!-- End:  Library -->
     <!-- End:  Library -->
     <!-- Begin: Custom -->
     <!-- Begin: Custom -->
-
    <!--<script src="../js/common.js" type="text/javascript"></script>-->
 
-
    <!--<script src="../js/layout.js" type="text/javascript"></script>-->
 
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/common.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/common.js?action=raw&amp;ctype=text/js"></script>
-
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/layout.js?action=raw&amp;ctype=text/js"></script>
 
     <!-- End:  Custom -->
     <!-- End:  Custom -->
 +
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/dojo.xd.js"></script>
 +
    <script type="text/javascript">
 +
        dojo.require("dijit.layout.BorderContainer");
 +
        dojo.require("dijit.layout.ContentPane");
 +
        dojo.require("dijit.Menu");
 +
        dojo.require("dijit.MenuItem");
 +
        dojo.require("dijit.PopupMenuItem");
 +
        dojo.require("dijit.MenuBar");
 +
        dojo.require("dijit.MenuBarItem");
 +
        dojo.require("dijit.PopupMenuBarItem");
 +
        dojo.require("dijit.MenuSeparator");
 +
        dojo.require("dijit.TitlePane");
 +
        dojo.require("dijit.form.Button");
 +
        dojo.require("dijit.form.TextBox");
 +
        dojo.require("dojo.parser");
 +
    </script>
</head>
</head>
-
<body>
+
<body class="claro">
-
    <!--<script src="../client/MenuModel.js" type="text/javascript"></script>-->
+
-
    <!--<script src="../client/CalendarModel.js" type="text/javascript"></script>-->
+
-
    <!--<script src="../client/SideMenu.js" type="text/javascript"></script>-->
+
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/MenuModel.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/MenuModel.js?action=raw&amp;ctype=text/js"></script>
-
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/CalendarModel.js?action=raw&amp;ctype=text/js"></script>
 
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/SideMenu.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/SideMenu.js?action=raw&amp;ctype=text/js"></script>
-
     <div id="target">
+
     <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline', gutters: false"
-
        <input type="hidden" id="hidStart" value="false" />
+
        class="container">
-
         <div class="banner">
+
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top'" class="top">
-
             <h1 id="logo">
+
             <a href="https://2011.igem.org/Team:WITS-CSIR_SA">
-
                 biotweet
+
                 <img src="https://static.igem.org/mediawiki/2011/c/c9/Logo.png" alt="Biotweet" height="100px"
-
            </h1>
+
                    style="float: left; margin-bottom: 10px; border: none;" />
-
            <h1 id="igemLogo" style="display: inline-block;">
+
            </a><a href="https://igem.org/Main_Page" target="_blank">
-
                <a href="https://2011.igem.org" target="_blank">iGEM</a>
+
                <img src="https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png" alt="iGem" height="100px"
-
             </h1>
+
                    style="float: right; margin-bottom: 10px; border: none;" />
 +
            </a>
 +
            <div class="menu padding ui-helper-clearfix">
 +
             </div>
         </div>
         </div>
-
         <div class="menu padding">
+
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'"
-
        </div>
+
            class="center">
-
        <div class="layout" style="margin: 0px auto; width: 960px;">
+
            <div style="width: 903px; margin: auto; height: 100%;">
-
            <div class="center">
+
                <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline'"
-
                <h1>
+
                    style="height: 100%;">
-
                  Protocols</h1>
+
                    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'leading', style:'overflow-y: auto;'"
-
 
+
                        class="west">
 +
                        sidebar
 +
                    </div>
 +
                    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'">
 +
                        <div style="height: 100%; overflow-y: auto;">
 +
                           
 +
<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Protocols'">
<a href="https://static.igem.org/mediawiki/2011/5/5f/Fluorometry.pdf">Flourometry</a>
<a href="https://static.igem.org/mediawiki/2011/5/5f/Fluorometry.pdf">Flourometry</a>
-
<p></p>
+
                    </div>
-
            </div>
+
                 </div>
-
            <div class="north">
+
-
                 &nbsp;</div>
+
-
            <div class="west">
+
-
            </div>
+
-
            <div class="south">
+
             </div>
             </div>
         </div>
         </div>
 +
    </div>
 +
    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'bottom'"
 +
        class="footerBox" style="background-color: #ffffff;">
 +
    </div>
     </div>
     </div>
     <script type="text/javascript">
     <script type="text/javascript">
-
         $(function () {
+
         dojo.ready(function () {
             $('#globalWrapper').hide();
             $('#globalWrapper').hide();
-
             $('#target').appendTo('body');
+
             $('.container').appendTo('body');
             $('.left-menu').prependTo('body').css('z-index', 100);
             $('.left-menu').prependTo('body').css('z-index', 100);
-
             $('#footer-box').appendTo('div.south');
+
             $('#footer-box').appendTo('div.footerBox');
             $('.left-menu li:last').remove();
             $('.left-menu li:last').remove();
             $('.right-menu').prependTo('body').css('z-index', 100);
             $('.right-menu').prependTo('body').css('z-index', 100);
 +
 +
            $('body').addClass('claro');
             $.fling('publish', 'ready');
             $.fling('publish', 'ready');
 +
 +
            $('#one').liteAccordion({
 +
                onActivate: function () {
 +
                    this.find('figcaption').fadeOut();
 +
                },
 +
                slideCallback: function () {
 +
                    this.find('figcaption').fadeIn();
 +
                },
 +
                autoPlay: false,
 +
                pauseOnHover: true,
 +
                theme: 'dark',
 +
                rounded: false,
 +
                enumerateSlides: true,
 +
                containerWidth: 932,
 +
                containerHeight: 240
 +
            }).find('figcaption:first').show();
 +
 +
            dojo.parser.parse();
         });
         });
     </script>
     </script>
</body>
</body>
</html>
</html>

Revision as of 20:13, 17 September 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Biotweet - Safety

sidebar