Team:Virginia/Notebook

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!doctype html>
 +
<html lang="en">
<html lang="en">
<head>
<head>
-
   <meta charset="utf-8">
+
   <meta charset="utf-8" />
   <title>jQuery UI Tabs - Default functionality</title>
   <title>jQuery UI Tabs - Default functionality</title>
-
   <link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
+
   <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
-
   <script src="//code.jquery.com/jquery-1.10.2.js"></script>
+
   <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
   <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
+
   <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
-
 
+
  <link rel="stylesheet" href="/resources/demos/style.css" />
   <script>
   <script>
   $(function() {
   $(function() {
Line 12: Line 14:
   });
   });
   </script>
   </script>
-
 
-
<style>
 
-
#tabs-nobg {
 
-
    padding: 0px;
 
-
}
 
-
#tabs-nobg .ui-tabs-nav {
 
-
    background: transparent;
 
-
    border-width: 0px 0px 1px 0px;
 
-
    -moz-border-radius: 0px;
 
-
    -webkit-border-radius: 0px;
 
-
    border-radius: 0px;
 
-
}
 
-
#tabs-nobg .ui-tabs-panel {
 
-
    margin: 0em 0.2em 0.2em 0.2em;
 
-
}
 
-
</style>
 
</head>
</head>
<body>
<body>
Line 33: Line 19:
<div id="tabs">
<div id="tabs">
   <ul>
   <ul>
-
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
+
  <li><a href="#tabs-1">Tab 1</a></li>
-
    <li><a href="#tabs-2">Proin dolor</a></li>
+
<li><a href="#tabs-2">Tab 2</a></li>
-
    <li><a href="#tabs-3">Aenean lacinia</a></li>
+
<li><a href="#tabs-3">Tab 3</a></li>
   </ul>
   </ul>
   <div id="tabs-1">
   <div id="tabs-1">
-
<iframe frameborder="0" height="376" marginheight="0" marginwidth="0"
+
<p>Tab one content.</p>
-
        scrolling="no" seamless="" src=
+
-
        "http://video.pbs.org/viralplayer/2365298526" width="576"></iframe>
+
   </div>
   </div>
   <div id="tabs-2">
   <div id="tabs-2">
-
    <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
+
<p>tab two content.</p>
   </div>
   </div>
   <div id="tabs-3">
   <div id="tabs-3">
-
<iframe frameborder="0" height="376" marginheight="0" marginwidth="0"
+
<p>tab three content.</p>
-
        scrolling="no" seamless="" src=
+
-
        "http://video.pbs.org/viralplayer/2365298526" width="576"></iframe>
+
   </div>
   </div>
</div>
</div>
-
 
   
   
</body>
</body>
</html>
</html>

Revision as of 18:10, 4 August 2014

<!doctype html>

jQuery UI Tabs - Default functionality

Tab one content.

tab two content.

tab three content.