|
|
Line 1: |
Line 1: |
| + | |
| + | __NOTOC__ |
| + | {{:Team:Rutgers/Template/Header}} |
| + | |
| <html> | | <html> |
| <head> | | <head> |
Line 5: |
Line 9: |
| | | |
| | | |
- | <!--CSS--> | + | </style> |
- | <link rel='stylesheet' type='text/css' href='https://2011.igem.org/Template:Team:Rutgers/menu?action=raw&ctype=text/css' />
| + | |
- | | + | |
- | <link rel='stylesheet' type='text/css' href='https://2011.igem.org/Template:Team:Rutgers/style?action=raw&ctype=text/css' />
| + | |
- | | + | |
- | <!--REHOST-->
| + | |
- | <link rel="stylesheet" href="http://zacstewart.github.com/Meow/jquery.meow.css" type="text/css" media="screen" title="no title" charset="utf-8">
| + | |
- | | + | |
- | | + | |
- | <!-- jquery -->
| + | |
- | <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
| + | |
- | | + | |
- | <!-- JS -->
| + | |
- | <script src="http://zacstewart.github.com/Meow/jquery.meow.js" type="text/javascript" charset="utf-8"></script>
| + | |
- | | + | |
- | <script type="text/javascript" src="https://2011.igem.org/Template:Team:Rutgers/css_menu?action=raw&ctype=text/javascript"></script>
| + | |
- | | + | |
- | | + | |
- | <--!
| + | |
- | <link rel="stylesheet" href="menu.css" type="text/css" media="screen" />
| + | |
- | <link rel="stylesheet" href="style.css" /
| + | |
- | >-->
| + | |
- | | + | |
- | <script type="text/javascript">
| + | |
- | | + | |
- | $(document).ready(function()
| + | |
- | {
| + | |
- | $("#showcase").awShowcase(
| + | |
- | {
| + | |
- | content_width: 800,
| + | |
- | content_height: 600,
| + | |
- | fit_to_parent: false,
| + | |
- | auto: false,
| + | |
- | interval: 3000,
| + | |
- | continuous: false,
| + | |
- | loading: true,
| + | |
- | tooltip_width: 200,
| + | |
- | tooltip_icon_width: 32,
| + | |
- | tooltip_icon_height: 32,
| + | |
- | tooltip_offsetx: 18,
| + | |
- | tooltip_offsety: 0,
| + | |
- | arrows: true,
| + | |
- | buttons: true,
| + | |
- | btn_numbers: true,
| + | |
- | keybord_keys: true,
| + | |
- | mousetrace: false, /* Trace x and y coordinates for the mouse */
| + | |
- | pauseonover: true,
| + | |
- | stoponclick: false,
| + | |
- | transition: 'fade', /* hslide/vslide/fade */
| + | |
- | transition_delay: 0,
| + | |
- | transition_speed: 500,
| + | |
- | show_caption: 'onload', /* onload/onhover/show */
| + | |
- | thumbnails: false,
| + | |
- | thumbnails_position: 'outside-last', /* outside-last/outside-first/inside-last/inside-first */
| + | |
- | thumbnails_direction: 'vertical', /* vertical/horizontal */
| + | |
- | thumbnails_slidex: 1, /* 0 = auto / 1 = slide one thumbnail / 2 = slide two thumbnails / etc. */
| + | |
- | dynamic_height: false, /* For dynamic height to work in webkit you need to set the width and height of images in the source. Usually works to only set the dimension of the first slide in the showcase. */
| + | |
- | speed_change: true, /* Set to true to prevent users from swithing more then one slide at once. */
| + | |
- | viewline: false, /* If set to true content_width, thumbnails, transition and dynamic_height will be disabled. As for dynamic height you need to set the width and height of images in the source. */
| + | |
- | custom_function: null /* Define a custom function that runs on content change */
| + | |
- | });
| + | |
- | });
| + | |
- | | + | |
- | </script>
| + | |
- |
| + | |
- | <!-- stick in its own global file -->
| + | |
- | <script>
| + | |
- | $(document).ready(function() {
| + | |
- | $.meow({
| + | |
- | message: $('#onready'),
| + | |
- | icon: 'folder_32.png'
| + | |
- | });
| + | |
- | $('#button').click(function () {
| + | |
- | $.meow({
| + | |
- | message: $('#onclick'),
| + | |
- | icon: 'folder_32.png'
| + | |
- | });
| + | |
- | });
| + | |
- | $('#onchange').change(function () {
| + | |
- | $.meow({
| + | |
- | title: 'I have a defined title!',
| + | |
- | message: $('#onchange'),
| + | |
- | /*icon: '/icons/chart_16.png'*/
| + | |
- | });
| + | |
- | });
| + | |
- |
| + | |
- | $('#Link').click(function () {
| + | |
- | $.meow({
| + | |
- | message: 'What goes here?',
| + | |
- | icon: "83-calendar.png"
| + | |
- | });
| + | |
- | });
| + | |
- |
| + | |
- | $('#selectonchange').change(function () {
| + | |
- | $.meow({
| + | |
- | message: $('#selectonchange'),
| + | |
- | icon: 'folder_32.png'
| + | |
- | });
| + | |
- | });
| + | |
- | $('#sticky').click(function () {
| + | |
- | $.meow({
| + | |
- | message: 'I\'m a sticky meow!',
| + | |
- | icon: 'folder_32.png',
| + | |
- | sticky: true
| + | |
- | });
| + | |
- | });
| + | |
- | $('#uncloseable').click(function () {
| + | |
- | $.meow({
| + | |
- | message: 'I am uncloseable!',
| + | |
- | icon: 'folder_32.png',
| + | |
- | closeable: false
| + | |
- | });
| + | |
- | });
| + | |
- | $('#callbacks').click(function () {
| + | |
- | $.meow({
| + | |
- | message: 'I have callbacks!',
| + | |
- | icon: 'folder_32.png',
| + | |
- | beforeCreateFirst: function () {
| + | |
- | alert(this + ' is the first meow!');
| + | |
- | },
| + | |
- | beforeCreate: function () {
| + | |
- | alert('About to create ' + this);
| + | |
- | },
| + | |
- | afterCreate: function () {
| + | |
- | alert('Just created ' + this);
| + | |
- | },
| + | |
- | onTimeout: function () {
| + | |
- | alert(this + ' just timed out.');
| + | |
- | },
| + | |
- | beforeDestroy: function () {
| + | |
- | alert('About to destroy ' + this);
| + | |
- | },
| + | |
- | afterDestroy: function () {
| + | |
- | alert('And it\'s gone');
| + | |
- | },
| + | |
- | afterDestroyLast: function () {
| + | |
- | alert('There are no meows left :3');
| + | |
- | }
| + | |
- | });
| + | |
- | });
| + | |
- | });
| + | |
- | </script>
| + | |
- | | + | |
- | | + | |
| | | |
| | | |
| | | |
| <style type="text/css"> | | <style type="text/css"> |
- |
| |
| <!-- | | <!-- |
- | table.mesa {
| + | .style3 { |
- | color: #f1f1f1;
| + | |
- | }
| + | |
- | table.mesa th {
| + | |
- | padding: 0px;
| + | |
- | background-color: #f1f1f1;
| + | |
- | }
| + | |
- | table.mesa td {
| + | |
- | padding: 0px;
| + | |
- | background-color: #f1f1f1;
| + | |
- | }
| + | |
- | body,td,th {
| + | |
- | font-family: Arial, Helvetica, sans-serif;
| + | |
- | font-size: 36px;
| + | |
| text-align: center; | | text-align: center; |
- | color: #CCC;
| |
- | }
| |
- | body {
| |
- | margin-left: 0px;
| |
- | margin-top: 0px;
| |
- | margin-right: 0px;
| |
- | margin-bottom: 0px;
| |
- | }
| |
- | .Test {
| |
- | color: #252525;
| |
- | text-align: right; font-size: px;
| |
- | }
| |
- | .Test strong {
| |
- | color: #666;
| |
- | font-size: 48px;
| |
- | font-weight: bold;
| |
- | }
| |
- |
| |
- |
| |
- | <style type="text/css">
| |
- | html, body { height:100% }
| |
- | body, h1, h2, p {
| |
- | border:0;
| |
- | margin:0;
| |
- | padding:0;
| |
- | text-align: left;
| |
- | }
| |
- | body {
| |
- | font-family: helvetica, arial, sans-serif;
| |
- | background-image:-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 300, from(#888), to(#444));
| |
- | background-image:url();
| |
- | background-size:100% 100%;
| |
- | -webkit-perspective:500px;
| |
- | -moz-perspective:500px;
| |
- | background-repeat: repeat-x;
| |
- |
| |
- | /* IE10 */
| |
- | background-image: -ms-linear-gradient(top right, #212121 40%, #D4D4D4 70%, #FFFFFF 100%);
| |
- |
| |
- | /* Mozilla Firefox */
| |
- | background-image: -moz-linear-gradient(top right, #212121 40%, #D4D4D4 70%, #FFFFFF 100%);
| |
- |
| |
- | /* Opera */
| |
- | background-image: -o-linear-gradient(top right, #212121 40%, #D4D4D4 70%, #FFFFFF 100%);
| |
- |
| |
- | /* Webkit (Safari/Chrome 10) */
| |
- | background-image: -webkit-gradient(linear, right top, left bottom, color-stop(.4, #212121), color-stop(0.7, #D4D4D4), color-stop(1, #FFFFFF));
| |
- |
| |
- | /* Webkit (Chrome 11+) */
| |
- | background-image: -webkit-linear-gradient(top right, #212121 40%, #D4D4D4 70%, #FFFFFF 100%);
| |
- |
| |
- | /* Proposed W3C Markup */
| |
- | background-image: linear-gradient(top right, #212121 40%, #D4D4D4 70%, #FFFFFF 100%);
| |
- |
| |
- | background-color: transparent;
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | }
| |
- | a { color:#bbb; }
| |
- | #text {
| |
- | position:absolute;
| |
- | width:998px;
| |
- | height:53px;
| |
- | left:601px;
| |
- | top:398px;
| |
- | margin-left:-300px;
| |
- | margin-top:-60px;
| |
- | text-align:center;
| |
- | text-transform:uppercase;
| |
- | -webkit-tranform:translateZ(0);
| |
- | -webkit-transition-duration:0.05s;
| |
- | -moz-tranform:translateZ(0);
| |
- | color:#f3f3f3;
| |
- | text-shadow:0 0 1px rgba(0,0,0,.2);
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | p {
| |
- | top:0;
| |
- | width:90%;
| |
- | font-size:16px;
| |
- | color:#333;
| |
- | text-shadow:0 -1px 0 rgba(0,0,0,0.1);
| |
- | font-family: Arial, Helvetica, sans-serif;
| |
- | padding-top: 10px;
| |
- | padding-right: 10;
| |
- | padding-bottom: 10px;
| |
- | padding-left: 10;
| |
- | right: 2px;
| |
- | text-align: left;
| |
- | }
| |
- | a:link {
| |
- | color: #333;
| |
- | }
| |
- | a:visited {
| |
- | color: #333;
| |
- | }
| |
- | a:hover {
| |
- | color: #666;
| |
- | }
| |
- | a:active {
| |
- | color: #FFF;
| |
- | }
| |
- | .floatingHeader {
| |
- | position: fixed;
| |
- | top: 0;
| |
- | visibility: hidden;
| |
- | }
| |
- | .imgshadow2 table {
| |
- | text-align: left;
| |
- | }
| |
- | .imgshadow2 table tr td div p {
| |
- | text-align: left;
| |
- | }
| |
- | .imgshadow2 table {
| |
- | font-size: 24px;
| |
- | text-align: justify;
| |
- | }
| |
- | .imgshadow2 table tr td div p {
| |
- | text-align: justify;
| |
- | }
| |
- | .imgshadow2 {
| |
- | text-align: left;
| |
- | }
| |
- |
| |
- | .style2 {font-family: Verdana, Geneva, sans-serif; text-align: center; color: #333333; }
| |
- | .style3 {
| |
- | color: #666666;
| |
- | font-size: 24px;
| |
- | }
| |
- | .imgshadow2 blockquote table {
| |
- | text-align: left;
| |
- | }
| |
- | .imgshadow2 blockquote table {
| |
- | text-align: left;
| |
- | }
| |
- | .imgshadow2 blockquote table {
| |
- | text-align: left;
| |
| } | | } |
| + | --> |
| </style> | | </style> |
| + | </head> |
| | | |
| | | |
| | | |
| | | |
- | </head>
| |
| <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> | | <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> |
| <p> </p> | | <p> </p> |