Team:WITS-CSIR SA/Diary/Gallery

From 2011.igem.org

(Difference between revisions)
 
(56 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
[[Media:Example.ogg]]<!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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
     <title>Biotweet - Gallery</title>
+
     <title>Biotweet - Collaboration</title>
     <link type="text/css" media="screen" rel="Stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/resources/dojo.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 type="text/css" media="screen" rel="Stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dijit/themes/claro/claro.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" />
Line 15: Line 15:
         div.top
         div.top
         {
         {
-
             height: 140px;
+
             height: 95px;
             background-color: #2d4782;
             background-color: #2d4782;
             filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6279ad', endColorstr='#2d4782'); /* for IE */
             filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6279ad', endColorstr='#2d4782'); /* for IE */
Line 35: Line 35:
         }
         }
          
          
 +
.dijitMenuItem
 +
        {
 +
            background-color: #eeeeff;
 +
        }
 +
       
 +
        .galleria-container
 +
        {
 +
            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+ */
 +
        }
 +
        #galleria
 +
        {
 +
            height: 450px;
 +
        }
 +
    </style>
 +
    <script type="text/javascript">
 +
        var dojoConfig = {
 +
            isDebug: false,
 +
            parseOnLoad: false
 +
        }
 +
</script>
         .dijitMenuItem
         .dijitMenuItem
         {
         {
Line 50: Line 73:
     <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">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/liteaccordion.css?action=raw&amp;ctype=text/css">
 +
<link href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojox/image/resources/Lightbox.css" rel="stylesheet" type="text/css" />
 +
<link href="https://2011.igem.org/Team:WITS-CSIR_SA/Diary/Gallery/galleria-classic.css?action=raw&amp;ctype=text/css"
 +
        rel="stylesheet" type="text/css" />
 +
 +
<link href="https://2011.igem.org/Team:WITS-CSIR_SA/Styles/Dropdown.css?action=raw&amp;ctype=text/css" media="screen" rel="stylesheet" type="text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/Styles/default.css?action=raw&amp;ctype=text/css" />
 +
<link href="https://2011.igem.org/Team:WITS-CSIR_SA/Styles/default.advanced.css?action=raw&amp;ctype=text/css" media="screen" rel="stylesheet" type="text/css" />
 +
 +
<!--[if lt IE 7]>
 +
<script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/Styles/jquery.dropdown.js?action=raw&amp;ctype=text/js"></script>
 +
<![endif]-->
 +
     <!-- Begin: Core -->
     <!-- Begin: Core -->
     <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>
Line 65: Line 100:
     <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>
     <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>
 +
<script src="https://2011.igem.org/Team:WITS-CSIR_SA/Diary/Gallery/galleria.js?action=raw&amp;ctype=text/js"<script src="https://2011.igem.org/Team:WITS-CSIR_SA/Diary/Gallery/galleria.js?action=raw&amp;ctype=text/js"
 +
        type="text/javascript"></script>
 +
    <script src="https://2011.igem.org/Team:WITS-CSIR_SA/Diary/Gallery/galleria-classic.js?action=raw&amp;ctype=text/js"
 +
        type="text/javascript"></script>
 +
        type="text/javascript"></script>
     <!-- End:  Library -->
     <!-- End:  Library -->
     <!-- Begin: Custom -->
     <!-- Begin: Custom -->
Line 84: Line 124:
         dojo.require("dijit.form.TextBox");
         dojo.require("dijit.form.TextBox");
         dojo.require("dojo.parser");
         dojo.require("dojo.parser");
 +
        dojo.require("dojox.image.Lightbox");
     </script>
     </script>
</head>
</head>
<body class="claro">
<body class="claro">
-
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/MenuModel.js?action=raw&amp;ctype=text/js"></script>
 
     <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline', gutters: false"
     <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline', gutters: false"
         class="container">
         class="container">
 +
<div style="position: absolute; width: 100%; top: 80px;">
 +
<ul class="dropdown dropdown-horizontal">
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA">Home</a></li>
 +
<li><a href="#" class="dir">Project</a>
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Concept">Overview</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Characterization">Characterization</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Modelling">Modelling</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Collaboration/Index">Collaboration</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Notebook">Lab notebook</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Applications">Potential applications</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Achievements">Achievements</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Protocols">Protocols</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Parts">Parts submitted</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Characterization">Data</a></li>
 +
<li><a href="./" class="dir">Outreach</a>
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/SciBono">Scibono experience</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/Forum">Synthetic biology forum</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/Survey">Survey</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Safety">Safety</a></li>
 +
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Diary/Gallery">Gallery</a></li>
 +
<li><a href="./" class="dir">About us</a>
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/MeetTheTeam">Meet the team</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/PublicRelations">Media attention</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/Attributions">Attributions</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/Acknowledgements">Acknowledgements</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/MeetOurBugs">Meet our bugs!</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/ContactUs">Contact us</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top'" class="top">
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top'" class="top">
             <a href="https://2011.igem.org/Team:WITS-CSIR_SA">
             <a href="https://2011.igem.org/Team:WITS-CSIR_SA">
-
                 <img src="https://static.igem.org/mediawiki/2011/c/c9/Logo.png" alt="Biotweet" height="100px"
+
                 <img src="https://static.igem.org/mediawiki/2011/6/63/Wits_Logo_Biotweet_Rearrange.gif" alt="Biotweet" height="60px"
-
                     style="float: left; margin-bottom: 10px; border: none;" />
+
                     style="float: left; margin-bottom: 5px; border: none;" />
-
             </a><a href="https://igem.org/Main_Page" target="_blank">
+
             </a><a href="https://2011.igem.org/Main_Page" target="_blank">
-
                 <img src="https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png" alt="iGem" height="100px"
+
                 <img src="https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png" alt="iGem" height="60px"
-
                     style="float: right; margin-bottom: 10px; border: none;" />
+
                     style="float: right; margin-bottom: 5px; border: none;" />
             </a>
             </a>
-
             <div class="menu padding ui-helper-clearfix">
+
             <div class="ui-helper-clearfix">
             </div>
             </div>
         </div>
         </div>
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'"
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'"
             class="center">
             class="center">
 +
             <div style="width: 903px; margin: auto; height: 100%;">
             <div style="width: 903px; margin: auto; height: 100%;">
                 <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline'"
                 <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline'"
Line 108: Line 188:
                     <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'">
                     <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'">
                         <div style="height: 100%; overflow-y: auto;">
                         <div style="height: 100%; overflow-y: auto;">
 +
<div id="galleria">
 +
<a href="https://static.igem.org/mediawiki/2011/7/74/IMG_2727.JPG">
 +
                                    <img title=""
 +
                          src="https://static.igem.org/mediawiki/2011/7/74/IMG_2727.JPG">
 +
                                </a>                             
 +
<a href="https://static.igem.org/mediawiki/2011/b/bd/Scibono.jpg">
 +
                                    <img title=""
 +
                          src="https://static.igem.org/mediawiki/2011/b/bd/Scibono.jpg">
 +
                                </a>
 +
 +
<a href="https://static.igem.org/mediawiki/2011/b/b3/IMG_2919.JPG">
 +
                                    <img title="" src="https://static.igem.org/mediawiki/2011/b/b3/IMG_2919.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/2/22/P1020204.JPG">
 +
                                    <img title="" src="https://static.igem.org/mediawiki/2011/2/22/P1020204.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/8/84/IGEM_040.JPG">
 +
                                    <img title="Tash gel extracting" src="https://static.igem.org/mediawiki/2011/8/84/IGEM_040.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/5/51/IGEM_041.JPG">
 +
                                    <img title="Ezio by the X-man machine"                                        src="https://static.igem.org/mediawiki/2011/5/51/IGEM_041.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/e/ef/IMG_0463.JPG">
 +
                                    <img title="Yeah" src="https://static.igem.org/mediawiki/2011/e/ef/IMG_0463.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/e/e2/IMG_2700.JPG">
 +
                                    <img title=""
 +
                          src="https://static.igem.org/mediawiki/2011/e/e2/IMG_2700.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/8/8b/IMG_2982.JPG">
 +
                                    <img title=""
 +
                          src="https://static.igem.org/mediawiki/2011/8/8b/IMG_2982.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/a/a9/P1020217.JPG">
 +
                                    <img title=""
 +
                                        src="https://static.igem.org/mediawiki/2011/a/a9/P1020217.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/7/78/IMG_0487.JPG">
 +
                                    <img title="Tash studying for a test" src="https://static.igem.org/mediawiki/2011/7/78/IMG_0487.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/f/ff/P1020227.JPG">
 +
                                    <img title="" src="https://static.igem.org/mediawiki/2011/f/ff/P1020227.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/4/4a/P1010134.JPG">
 +
                                    <img title="Hi right back at you Robyn :)" src="https://static.igem.org/mediawiki/2011/4/4a/P1010134.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/6/62/P1010135.JPG">
 +
                                    <img title="Dr Musa Mhlanga" src="https://static.igem.org/mediawiki/2011/6/62/P1010135.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/8/80/P1010136.JPG">
 +
                                    <img title="Gloria talking, as always" src="https://static.igem.org/mediawiki/2011/8/80/P1010136.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/d/dc/Wits_Home_Page_Meet_the_Team_Tab.jpg">
 +
                                    <img title="Thumbs up" src="https://static.igem.org/mediawiki/2011/d/dc/Wits_Home_Page_Meet_the_Team_Tab.jpg">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/2/23/P1010139.JPG">
 +
                                    <img src="https://static.igem.org/mediawiki/2011/2/23/P1010139.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/c/c9/P1010912.JPG">
 +
                                    <img src="https://static.igem.org/mediawiki/2011/c/c9/P1010912.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/b/bc/P1010141.JPG">
 +
                                    <img src="https://static.igem.org/mediawiki/2011/b/bc/P1010141.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/0/07/P1010144.JPG">
 +
                                    <img src="https://static.igem.org/mediawiki/2011/0/07/P1010144.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/8/86/P1010908.JPG">
 +
                                    <img src="https://static.igem.org/mediawiki/2011/8/86/P1010908.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/f/f4/P1010904.JPG">
 +
                                    <img src="https://static.igem.org/mediawiki/2011/f/f4/P1010904.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/d/dc/P1010145.JPG">
 +
                                    <img src="https://static.igem.org/mediawiki/2011/d/dc/P1010145.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/e/ec/P1010172.JPG">
 +
                                    <img src="https://static.igem.org/mediawiki/2011/e/ec/P1010172.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/7/75/P1010880.JPG">
 +
                                    <img src="https://static.igem.org/mediawiki/2011/7/75/P1010880.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/6/61/P1010869.JPG">
 +
                                    <img src="https://static.igem.org/mediawiki/2011/6/61/P1010869.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/2/2c/P1010188.JPG">
 +
                                    <img src="https://static.igem.org/mediawiki/2011/2/2c/P1010188.JPG">
 +
                                </a>
 +
 +
<a href="https://static.igem.org/mediawiki/2011/3/32/P1010236.JPG">
 +
                                    <img src="https://static.igem.org/mediawiki/2011/3/32/P1010236.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/a/a9/P1010233.JPG">
 +
                                    <img src="https://static.igem.org/mediawiki/2011/a/a9/P1010233.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/e/e0/P1010863.JPG">
 +
                                    <img src="https://static.igem.org/mediawiki/2011/e/e0/P1010863.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/1/14/P1010229.JPG">
 +
                                    <img src="https://static.igem.org/mediawiki/2011/1/14/P1010229.JPG">
 +
                                </a>
 +
<a href="https://static.igem.org/mediawiki/2011/b/bf/P1010152.JPG">
 +
                                    <img src="https://static.igem.org/mediawiki/2011/b/bf/P1010152.JPG">
 +
                                </a>
 +
 +
                            </div>
 +
 +
                           
 +
 +
                            </div>
 +
                        </div>
                     </div>
                     </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>
 
-
    <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">
Line 147: Line 336:
             dojo.parser.parse();
             dojo.parser.parse();
 +
            $('#galleria').galleria();
         });
         });
     </script>
     </script>
</body>
</body>
</html>
</html>

Latest revision as of 19:03, 28 October 2011

Media:Example.ogg<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Biotweet - Collaboration .dijitMenuItem { background-color: #eeeeff; } type="text/javascript">