|
|
(44 intermediate revisions not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
| <head> | | <head> |
- | <script language="JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script> | + | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js" type="text/javascript"></script> |
- | <!--[if gte IE 5.5]> | + | <script src="http://www.lycifer.co.cc/java/s3Slider.js" type="text/javascript"></script> |
| + | <script src="http://www.lycifer.co.cc/java/jquery.corner.js" type="text/javascript"></script> |
| + | <script src="http://www.lycifer.co.cc/java/liquid-canvas.js" type="text/javascript"></script> |
| + | <script src="http://www.lycifer.co.cc/java/liquid-canvas-plugins.js" type="text/javascript"></script> |
| <script language="JavaScript" type="text/JavaScript"> | | <script language="JavaScript" type="text/JavaScript"> |
| $(document).ready(function(){ | | $(document).ready(function(){ |
| + | $(".exphoto").corner("32px") |
| + | $(".exphoto").corner("80px tr") |
| + | $(".exmain").corner("32px bl") |
| + | $(".main").corner("80px tl") |
| + | $(".main").corner("32px bl") |
| + | $(".tag").corner("32px tl bl") |
| $("#navmenu-h li,#navmenu-v li").hover( | | $("#navmenu-h li,#navmenu-v li").hover( |
| function() { $(this).addClass("iehover"); }, | | function() { $(this).addClass("iehover"); }, |
Line 10: |
Line 19: |
| );}); | | );}); |
| </script> | | </script> |
- | <![endif]--> | + | <script src="http://www.lycifer.co.cc/java/jquery.nivo.slider.pack.js" type="text/javascript"></script> |
- | <style type="text/css">
| + | <script type="text/javascript"> |
- | | + | $(window).load(function() { |
- | ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; }
| + | $('#slider').nivoSlider({ |
- |
| + | effect:'fade', //Specify sets like: 'fold,fade,sliceDown' |
- | ul#navmenu-h ul {
| + | slices:50, |
- | width: 173px; /* Sub Menu Width */
| + | animSpeed:1000, |
- | margin: 0;
| + | pauseTime:5000, |
- | list-style: none;
| + | startSlide:0, //Set starting Slide (0 index) |
- | display: none;
| + | directionNav:false, //Next & Prev |
- | position: absolute;
| + | directionNavHide:true, //Only show on hover |
- | top: 100%;
| + | controlNav:false, //1,2,3... |
- | left: 0;
| + | controlNavThumbs:false, //Use thumbnails for Control Nav |
- | }
| + | controlNavThumbsFromRel:true, //Use image rel for thumbs |
- |
| + | controlNavThumbsSearch: '.jpg', //Replace this with... |
- | ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; }
| + | controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src |
- |
| + | keyboardNav:false, //Use left & right arrows |
- | ul#navmenu-h li { float: left; display: inline; position: relative; }
| + | pauseOnHover:true, //Stop animation while hovering |
- | ul#navmenu-h ul li { width: 100%; display: block; }
| + | manualAdvance:false, //Force manual transitions |
- |
| + | captionOpacity:0.8, //Universal caption opacity |
- | /* Root Menu */
| + | beforeChange: function(){}, |
- | ul#navmenu-h a {
| + | afterChange: function(){}, |
- | border-top: 1px solid #FFF;
| + | slideshowEnd: function(){} //Triggers after all slides have been shown |
- | border-right: 1px solid #FFF;
| + | |
- | width:160px;
| + | |
- | padding: 6px;
| + | |
- | float: center;
| + | |
- | display: block;
| + | |
- | background: #000066;
| + | |
- | color: #ffffff;
| + | |
- | font: bold 11px Verdana, sans-serif;
| + | |
- | text-decoration: none;
| + | |
- | height: 1%;
| + | |
- | }
| + | |
- |
| + | |
- | /* Root Menu Hover Persistence */
| + | |
- | ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
| + | |
- | background: #808080;
| + | |
- | color: #FFF;
| + | |
- | }
| + | |
- |
| + | |
- | /* 2nd Menu */
| + | |
- | ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
| + | |
- | width: 160px;
| + | |
- | float: none;
| + | |
- | background: #c8c8c8;
| + | |
- | }
| + | |
- |
| + | |
- | /* 2nd Menu Hover Persistence */
| + | |
- | ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {
| + | |
- | background: #000066;
| + | |
- | }
| + | |
- |
| + | |
- | /* 3rd Menu */ | + | |
- | ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
| + | |
- | background: #808080;
| + | |
- | }
| + | |
- |
| + | |
- | /* 3rd Menu Hover Persistence */
| + | |
- | ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {
| + | |
- | background: #666;
| + | |
- | }
| + | |
- |
| + | |
- | /* 4th Menu */ | + | |
- | ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a {
| + | |
- | background: #666;
| + | |
- | }
| + | |
- |
| + | |
- | /* 4th Menu Hover */
| + | |
- | ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
| + | |
- | background: #333;
| + | |
- | }
| + | |
- |
| + | |
- | /* Hover Function - Do Not Move */
| + | |
- | ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }
| + | |
- | ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }
| + | |
- | | + | |
- | #globalWrapper {
| + | |
- | position: relative;
| + | |
- | font-size: 127%;
| + | |
- | width: 100%;
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | padding-bottom: 10px;
| + | |
- | }
| + | |
- | .visualClear {
| + | |
- | clear: both;
| + | |
- | }
| + | |
- | | + | |
- | #top-section {
| + | |
- | position: relative;
| + | |
- | height: 0px;
| + | |
- | width: 975px;
| + | |
- | # margin-left: 10px;
| + | |
- | margin: 0 auto 0 auto;
| + | |
- | border-left: 1px solid #000000;
| + | |
- | border-right: 1px solid #000000;
| + | |
- | }
| + | |
- | | + | |
- | #p-logo {
| + | |
- | position: absolute;
| + | |
- | top=-107
| + | |
- | z-index: 1;
| + | |
- | height: 107px;
| + | |
- | width: 975px;
| + | |
- | }
| + | |
- | #p-logo h5 {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | #p-logo a,
| + | |
- | #p-logo a:hover {
| + | |
- | text-decoration: none;
| + | |
- | }
| + | |
- | | + | |
- | #search-controls {
| + | |
- | position: absolute;
| + | |
- | top: 25px;
| + | |
- | right: 15px;
| + | |
- | width: 150px;
| + | |
- | height: 40px;
| + | |
- | background-color: transparent;
| + | |
- | text-align: center;
| + | |
- | z-index: 3;
| + | |
- | }
| + | |
- | input.searchButton {
| + | |
- | margin: 1px 10px 0 10px;
| + | |
- | font-size: 100%;
| + | |
- | background: none;
| + | |
- | border: none;
| + | |
- | color: #FFFFFF;
| + | |
- | font-weight: bold;
| + | |
- | }
| + | |
- | input.searchButton:hover {
| + | |
- | color: white;
| + | |
- | }
| + | |
- | #searchInput {
| + | |
- | width: 10.9em;
| + | |
- | margin: 0;
| + | |
- | font-size: 95%;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #menubar {
| + | |
- | filter: alpha(opacity=100);
| + | |
- | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
| + | |
- | -moz-opacity: 1; opacity:1;
| + | |
- | | + | |
- | background: #d1d1d1; /* for non-css3 browsers */
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#808080'); /* for IE */ | + | |
- | background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#808080)); /* for webkit browsers */
| + | |
- | background: -moz-linear-gradient(top, #ebebeb, #808080); /* for firefox 3.6+ */
| + | |
- |
| + | |
- | color: #444;
| + | |
- | border-top: solid 1px #f8f8f8;
| + | |
- | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| + | |
- | -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| + | |
- | box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| + | |
- | text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
| + | |
- | | + | |
- | position: absolute;
| + | |
- | white-space: nowrap;
| + | |
- | top: 0px;
| + | |
- | width: 682px;
| + | |
- | z-index: 5;
| + | |
- | font-family: sans-serif;
| + | |
- | font-size: 95%;
| + | |
- | line-height: 1em;
| + | |
- | text-transform: uppercase;
| + | |
- | }
| + | |
- | .left-menu {
| + | |
- | color:#000000;
| + | |
- | left: -199px;
| + | |
- | text-align: left;
| + | |
- | }
| + | |
- | .right-menu {
| + | |
- | text-align: right;
| + | |
- | right: -190px;
| + | |
- | }
| + | |
- | #menubar ul {
| + | |
- | color: #555555;
| + | |
- | list-style: none;
| + | |
- | }
| + | |
- | #menubar li {
| + | |
- | display: inline;
| + | |
- | position: relative;
| + | |
- | cursor: pointer;
| + | |
- | padding-left: 4px;
| + | |
- | padding-right: 10px;
| + | |
- | }
| + | |
- | #menubar li a {
| + | |
- | color: #555555;
| + | |
- | }
| + | |
- | #menubar li a:hover {
| + | |
- | color: black;
| + | |
- | text-decoration: none;
| + | |
- | }
| + | |
- | #menubar .selected a {
| + | |
- | color: black;
| + | |
- | }
| + | |
- | | + | |
- | html>body #nav {
| + | |
- | filter: alpha(opacity=80);
| + | |
- | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
| + | |
- | -moz-opacity: 0.8; opacity:0.8;
| + | |
- | z-index:1;
| + | |
- | margin: 0;
| + | |
- | padding: 7px 6px 0;
| + | |
- | line-height: 100%;
| + | |
- | border-top-left-radius:5em;
| + | |
- | border-top-right-radius:2em;
| + | |
- | border-bottom-left-radius:2em;
| + | |
- | border-bottom-right-radius:2em;
| + | |
- |
| + | |
- | -webkit-border-top-left-radius: 5em;
| + | |
- | -webkit-border-top-right-radius: 2em;
| + | |
- | -webkit-border-bottom-left-radius: 2em;
| + | |
- | -webkit-border-bottom-right-radius: 2em;
| + | |
- | -moz-border-radius-topleft: 5em;
| + | |
- | -moz-border-radius-topright: 2em;
| + | |
- | -moz-border-radius-bottomleft: 2em;
| + | |
- | -moz-border-radius-bottomright: 2em;
| + | |
- | | + | |
- |
| + | |
- | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
| + | |
- | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
| + | |
- |
| + | |
- | background: #8b8b8b; /* for non-css3 browsers */
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066', endColorstr='#000000'); /* for IE */
| + | |
- | background: -webkit-gradient(linear, left top, left bottom, from(#000066), to(#000000)); /* for webkit browsers */
| + | |
- | background: -moz-linear-gradient(top, #000066, #000000); /* for firefox 3.6+ */
| + | |
- |
| + | |
- | border: solid 1px #6d6d6d;
| + | |
- | }
| + | |
- | html>body #nav li {
| + | |
- | margin: 0 5px;
| + | |
- | padding: 0 0 8px;
| + | |
- | float: left;
| + | |
- | position: relative;
| + | |
- | list-style: none;
| + | |
- | }
| + | |
- | /* main level link */
| + | |
- | html>body #nav a {
| + | |
- | font-weight: bold;
| + | |
- | color: #e7e5e5;
| + | |
- | text-decoration: none;
| + | |
- | display: block;
| + | |
- | padding: 8px 57px;
| + | |
- | margin: 0;
| + | |
- | -webkit-border-radius: 1.6em;
| + | |
- | -moz-border-radius: 1.6em;
| + | |
- | text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
| + | |
- | }
| + | |
- | | + | |
- | /* main level link hover */ | + | |
- | html>body #nav .current a, #nav li:hover > a {
| + | |
- | background: #d1d1d1; /* for non-css3 browsers */
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#808080'); /* for IE */
| + | |
- | background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#808080)); /* for webkit browsers */
| + | |
- | background: -moz-linear-gradient(top, #ebebeb, #808080); /* for firefox 3.6+ */
| + | |
- |
| + | |
- | color: #444;
| + | |
- | border-top: solid 1px #f8f8f8;
| + | |
- | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| + | |
- | -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| + | |
- | box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| + | |
- | text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
| + | |
- | }
| + | |
- | /* sub levels link hover */
| + | |
- | html>body #nav ul li:hover a, #nav li:hover li a {
| + | |
- | background: none;
| + | |
- | border: none;
| + | |
- | color: #323232;
| + | |
- | -webkit-box-shadow: none;
| + | |
- | -moz-box-shadow: none;
| + | |
- | }
| + | |
- | html>body #nav ul a:hover {
| + | |
- | background: #0399d4 !important; /* for non-css3 browsers */
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066', endColorstr='#000000'); /* for IE */
| + | |
- | background: -webkit-gradient(linear, left top, left bottom, from(#000066), to(#000000)) !important; /* for webkit browsers */
| + | |
- | background: -moz-linear-gradient(top, #000066, #000000) !important; /* for firefox 3.6+ */
| + | |
- |
| + | |
- | color: #fff !important;
| + | |
- | -webkit-border-radius: 0;
| + | |
- | -moz-border-radius: 0;
| + | |
- | text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
| + | |
- | }
| + | |
- | /* level 2 list */ | + | |
- | html>body #nav ul {
| + | |
- | background: #ddd; /* for non-css3 browsers */
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c8c8c8'); /* for IE */
| + | |
- | background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c8c8c8)); /* for webkit browsers */
| + | |
- | background: -moz-linear-gradient(top, #fff, #c8c8c8); /* for firefox 3.6+ */
| + | |
- |
| + | |
- | display: none;
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | width: 200px;
| + | |
- | position: absolute;
| + | |
- | top: 35px;
| + | |
- | left: 10px;
| + | |
- | border: solid 1px #b4b4b4;
| + | |
- | -webkit-border-radius: 10px;
| + | |
- | -moz-border-radius: 10px;
| + | |
- | border-radius: 10px;
| + | |
- | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
| + | |
- | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
| + | |
- | box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
| + | |
- | }
| + | |
- | /* dropdown */
| + | |
- | html>body #nav li:hover > ul {
| + | |
- | display: block;
| + | |
- | } | + | |
- | html>body #nav ul li {
| + | |
- | z-index:1;
| + | |
- | float: none;
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | html>body #nav ul a {
| + | |
- | font-weight: normal;
| + | |
- | text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
| + | |
- | }
| + | |
- | /* level 3+ list */
| + | |
- | html>body #nav ul ul {
| + | |
- | left: 138px;
| + | |
- | top: -8px;
| + | |
- | } | + | |
- | /* rounded corners for first and last child */ | + | |
- | html>body #nav ul li:first-child > a {
| + | |
- | -webkit-border-top-left-radius: 9px;
| + | |
- | -moz-border-radius-topleft: 9px;
| + | |
- | -webkit-border-top-right-radius: 9px;
| + | |
- | -moz-border-radius-topright: 9px;
| + | |
- | }
| + | |
- | html>body #nav ul li:last-child > a {
| + | |
- | -webkit-border-bottom-left-radius: 9px;
| + | |
- | -moz-border-radius-bottomleft: 9px;
| + | |
- | -webkit-border-bottom-right-radius: 9px;
| + | |
- | -moz-border-radius-bottomright: 9px;
| + | |
- | }
| + | |
- | /* clearfix */
| + | |
- | html>body #nav:after {
| + | |
- | content: ".";
| + | |
- | display: block;
| + | |
- | clear: both;
| + | |
- | visibility: hidden;
| + | |
- | line-height: 0;
| + | |
- | height: 0;
| + | |
- | }
| + | |
- | html>body #nav {
| + | |
- | z-index:1;
| + | |
- | display: inline-block;
| + | |
- | }
| + | |
- | html>body html[xmlns] #nav {
| + | |
- | display: block;
| + | |
- | }
| + | |
- | * html html>body #nav {
| + | |
- | height: 1%;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | .f-poweredbyico
| + | |
- | {
| + | |
- | position:absolute;
| + | |
- | }
| + | |
- | #footer {
| + | |
- | background:white;
| + | |
- | color:white;
| + | |
- | border-top:0px solid black;
| + | |
- | }
| + | |
- | #toc
| + | |
- | {
| + | |
- | border:0px;
| + | |
- | background-color:#FFFFFF;
| + | |
- | padding:0px;
| + | |
- | }
| + | |
- | img.topbanner
| + | |
- | {
| + | |
- | position:absolute;
| + | |
- | top:-100px;
| + | |
- | left:-1px;
| + | |
- | }
| + | |
- | img.lybanner
| + | |
- | {
| + | |
- | position:absolute;
| + | |
- | top:22px;
| + | |
- | left:-1px;
| + | |
- | }
| + | |
- | img.photo
| + | |
- | {
| + | |
- | position:absolute;
| + | |
- | top:3px;
| + | |
- | left:1000px;
| + | |
- | }
| + | |
- | img.gradient
| + | |
- | {
| + | |
- | z-index:5;
| + | |
- | position:absolute;
| + | |
- | height:1000px;
| + | |
- | width:200px;
| + | |
- | top:0px;
| + | |
- | left:-190px;
| + | |
- | }
| + | |
- | img.gradientb
| + | |
- | {
| + | |
- | /* for firefox, safari, chrome, etc. */
| + | |
- | -webkit-transform: rotate(-180deg);
| + | |
- | -moz-transform: rotate(-180deg);
| + | |
- | /* for ie */
| + | |
- | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
| + | |
- | z-index:5;
| + | |
- | position:absolute;
| + | |
- | height:1000px;
| + | |
- | width:200px;
| + | |
- | top:0px;
| + | |
- | right:-200px;
| + | |
- | }
| + | |
- | #footer-box
| + | |
- | {
| + | |
- | position:absolute;
| + | |
- | top:-100px;
| + | |
- | left:187px;
| + | |
- | }
| + | |
- | ul.navigation
| + | |
- | {
| + | |
- | position:absolute;
| + | |
- | z-index:1;
| + | |
- | top:218px;
| + | |
- | left:105px;
| + | |
| } | | } |
- | ul.navigation2
| + | ); |
- | {
| + | }) |
- | position:absolute;
| + | </script> |
- | z-index:1;
| + | <link href='http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light' rel='stylesheet' type='text/css'> |
- | top:200px;
| + | <link rel="stylesheet" type="text/css" href="http://www.lycifer.co.cc/css/lymain6.css" /> |
- | left:105px;
| + | |
- | }
| + | |
- | | + | |
- | body
| + | |
- | {
| + | |
- | background-color:#FFFFFF;
| + | |
- | }
| + | |
- | h1.firstHeading
| + | |
- | {
| + | |
- | position:absolute;
| + | |
- | top:-100px;
| + | |
- | left:187px;
| + | |
- | text-decoration:none;
| + | |
- | color:#FFFFFF;
| + | |
- | font-size:0px;
| + | |
- | }
| + | |
- | h2
| + | |
- | {
| + | |
- | color:#808080;
| + | |
- | text-align:left;
| + | |
- | }
| + | |
- | p.right
| + | |
- | {
| + | |
- | background-color:#808080;
| + | |
- | float:left
| + | |
- | }
| + | |
- | p.photo
| + | |
- | {
| + | |
- | text-align:center;
| + | |
- | font-family:"Verdana";
| + | |
- | font-size:12px;
| + | |
- | }
| + | |
- | p.back
| + | |
- | {
| + | |
- | text-indent: 1em;
| + | |
- | font-family:"Verdana";
| + | |
- | font-size:15px;
| + | |
- | }
| + | |
- | p.padding
| + | |
- | {
| + | |
- | text-indent: 1em;
| + | |
- | font-family:"Verdana";
| + | |
- | font-size:15px;
| + | |
- | }
| + | |
- | div.exphoto
| + | |
- | {
| + | |
- | border-top-left-radius:5em;
| + | |
- | border-top-right-radius:2em;
| + | |
- | border-bottom-left-radius:2em;
| + | |
- | border-bottom-right-radius:2em;
| + | |
- |
| + | |
- | -webkit-border-top-left-radius: 5em;
| + | |
- | -webkit-border-top-right-radius: 2em;
| + | |
- | -webkit-border-bottom-left-radius: 2em;
| + | |
- | -webkit-border-bottom-right-radius: 2em;
| + | |
- | -moz-border-radius-topleft: 5em;
| + | |
- | -moz-border-radius-topright: 2em;
| + | |
- | -moz-border-radius-bottomleft: 2em;
| + | |
- | -moz-border-radius-bottomright: 2em;
| + | |
- | | + | |
- | filter: alpha(opacity=75);
| + | |
- | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
| + | |
- | -moz-opacity: 0.75; opacity:0.75;
| + | |
- | | + | |
- | background: #d1d1d1; /* for non-css3 browsers */
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb'); /* for IE */
| + | |
- | background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb)); /* for webkit browsers */
| + | |
- | background: -moz-linear-gradient(top, #ffffff, #ebebeb); /* for firefox 3.6+ */
| + | |
- |
| + | |
- | color: #444;
| + | |
- | border-top: solid 1px #f8f8f8;
| + | |
- | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| + | |
- | -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| + | |
- | box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| + | |
- | text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
| + | |
- | position:absolute;
| + | |
- | left:20px;
| + | |
- | top:300px;
| + | |
- | float:right;
| + | |
- | background;
| + | |
- | color:#000000;
| + | |
- | float:center;
| + | |
- | margin-left:150px;
| + | |
- | width:560px;
| + | |
- | padding:30px;
| + | |
- | }
| + | |
- | | + | |
- | div.des
| + | |
- | {
| + | |
- | opacity:0.8;
| + | |
- | filter:alpha(opacity=80);
| + | |
- | position:absolute;
| + | |
- | top:268px;
| + | |
- | background:#000066;
| + | |
- | color:#FFFFFF;
| + | |
- | float:center;
| + | |
- | margin-left:-0px;
| + | |
- | width:492px;
| + | |
- | padding:10px;
| + | |
- | padding-top:0px;
| + | |
- | padding-bottom:0px;
| + | |
- | border:0px solid gray;
| + | |
- | }
| + | |
- | div.exmain
| + | |
- | {
| + | |
- | border-top-left-radius:5em;
| + | |
- | border-top-right-radius:2em;
| + | |
- | border-bottom-left-radius:2em;
| + | |
- | border-bottom-right-radius:2em;
| + | |
- |
| + | |
- | -webkit-border-top-left-radius: 5em;
| + | |
- | -webkit-border-top-right-radius: 2em;
| + | |
- | -webkit-border-bottom-left-radius: 2em;
| + | |
- | -webkit-border-bottom-right-radius: 2em;
| + | |
- | -moz-border-radius-topleft: 5em;
| + | |
- | -moz-border-radius-topright: 2em;
| + | |
- | -moz-border-radius-bottomleft: 2em;
| + | |
- | -moz-border-radius-bottomright: 2em;
| + | |
- | filter: alpha(opacity=100);
| + | |
- | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
| + | |
- | -moz-opacity: 1; opacity:1;
| + | |
- | position:relative;
| + | |
- | background:#FFFFFF;
| + | |
- | background: #d1d1d1; /* for non-css3 browsers */
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb'); /* for IE */
| + | |
- | background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb)); /* for webkit browsers */
| + | |
- | background: -moz-linear-gradient(top, #ffffff, #ebebeb); /* for firefox 3.6+ */
| + | |
- |
| + | |
- | color: #000000;
| + | |
- | border-top: solid 1px #f8f8f8;
| + | |
- | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| + | |
- | -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| + | |
- | box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| + | |
- | text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
| + | |
- | top:0px;
| + | |
- | left:0px;
| + | |
- | float:center;
| + | |
- | margin-left:20px;
| + | |
- | margin-top:0px;
| + | |
- | margin-bottom:30px;
| + | |
- | margin-right:10px;
| + | |
- | width:620px;
| + | |
- | padding:20px;
| + | |
- | }
| + | |
- | div.main
| + | |
- | {
| + | |
- | border-top-left-radius:5em;
| + | |
- | border-top-right-radius:2em;
| + | |
- | border-bottom-left-radius:2em;
| + | |
- | border-bottom-right-radius:2em;
| + | |
- |
| + | |
- | -webkit-border-top-left-radius: 5em;
| + | |
- | -webkit-border-top-right-radius: 2em;
| + | |
- | -webkit-border-bottom-left-radius: 2em;
| + | |
- | -webkit-border-bottom-right-radius: 2em;
| + | |
- | -moz-border-radius-topleft: 5em;
| + | |
- | -moz-border-radius-topright: 2em;
| + | |
- | -moz-border-radius-bottomleft: 2em;
| + | |
- | -moz-border-radius-bottomright: 2em;
| + | |
- | filter: alpha(opacity=80);
| + | |
- | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
| + | |
- | -moz-opacity: 0.8; opacity:0.8;
| + | |
- | position:relative;
| + | |
- | background:#808080; /* for non-css3 browsers */
| + | |
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#808080'); /* for IE */
| + | |
- | background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#808080)); /* for webkit browsers */
| + | |
- | background: -moz-linear-gradient(top, #808080, #808080); /* for firefox 3.6+ */
| + | |
- |
| + | |
- | color: #000000;
| + | |
- | border-top: solid 1px #f8f8f8;
| + | |
- | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| + | |
- | -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| + | |
- | box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| + | |
- | text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
| + | |
- | top:260px;
| + | |
- | left:50px;
| + | |
- | float:center;
| + | |
- | margin-left:50px;
| + | |
- | margin-top:0px;
| + | |
- | margin-bottom:50px;
| + | |
- | width:670px;
| + | |
- | padding:20px;
| + | |
- | padding-top:10px;
| + | |
- | }
| + | |
- | | + | |
- | div.ly
| + | |
- | {
| + | |
- | float:left;
| + | |
- | margin-left:0px;
| + | |
- | width:150px;
| + | |
- | padding:0px;
| + | |
- | border:0px solid gray;
| + | |
- | border-right:0px solid gray;
| + | |
- | border-bottom:0px solid gray;
| + | |
- | }
| + | |
- | div.ry
| + | |
- | {
| + | |
- | filter: alpha(opacity=75);
| + | |
- | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
| + | |
- | -moz-opacity: 0.75; opacity:0.75;
| + | |
- | z-index:1;
| + | |
- | position:absolute;
| + | |
- | right:-20px;
| + | |
- | top:280px;
| + | |
- | float:right;
| + | |
- | margin-left:0px;
| + | |
- | width:175px;
| + | |
- | padding:0px;
| + | |
- | border:0px solid gray;
| + | |
- | border-right:0px solid gray;
| + | |
- | border-bottom:0px solid gray;
| + | |
- | }
| + | |
- | | + | |
- | </style>
| + | |
| </head> | | </head> |
| <body> | | <body> |
- | <img class="gradient" border="0" src="https://static.igem.org/mediawiki/2010/2/22/Standrewsgradient.jpg"/> | + | <img class="background" border="0" src="http://farm5.static.flickr.com/4138/4850316388_ffee095f41_t_d.jpg"/> |
- | <img class="gradientb" border="0" src="https://static.igem.org/mediawiki/2010/2/22/Standrewsgradient.jpg"/> | + | <img class="gradient" border="0" src="http://farm5.static.flickr.com/4090/4839791534_ee9a9c2a4a_m_d.jpg"/> |
- | <img class="lybanner" border="0" src="https://static.igem.org/mediawiki/2010/f/fb/Standrewsbanner2.jpg" width="977" height="750" /> | + | <img class="gradientb" border="0" src="http://farm5.static.flickr.com/4088/4839184741_cdc2138f55_m_d.jpg"/> |
| + | <img class="lybanner" border="0" src="http://farm5.static.flickr.com/4092/4839727380_8a96bda148_b_d.jpg" width="977"/> |
| <ul id="navmenu-h" class="navigation2"> | | <ul id="navmenu-h" class="navigation2"> |
- | <li><a href="https://2010.igem.org/Team:St_Andrews">Home</a></li>
| + | <li class="current"><a href="https://2010.igem.org/Team:St_Andrews">Home</a></li> |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/team">Team</a>
| + | <li class="current"><a href="https://2010.igem.org/Team:St_Andrews/FAQ">About/FAQ</a> |
- | <ul>
| + | <ul> |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members">Members</a>
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/FAQ#who">Who we are?</a></li> |
- | <ul>
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/FAQ#competition">What is the iGEM Competition about?</a></li> |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members/blackburn_rachael">Rachael Blackburn</a></li>
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/FAQ#work">How does it work?</a></li> |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members/ly_lukas">Lukas Ly</a></li>
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/FAQ#synthetic">What is Synthetic Biology?</a></li> |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members/morton_alasdair">Alasdair Morton</a></li>
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/FAQ#biobrick">What are BioBricks?</a></li> |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members/olden_patrick">Patrick Olden</a></li>
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/FAQ#part">What is the Registry of Standard Biological Parts?</a></li> |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members/owen_david">David Owen</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members/salimi_fatemeh">Fatemeh Salimi</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members/shapiro_sarah">Sarah Shapiro</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members/taylor_james">James Taylor</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members/ward_jonathan">Jonathan Ward</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors">Advisors</a>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors/hooley_chris">Chris Hooley</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors/mendivil_olivia">Olivia Mendivil</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors/mitchell_john">John Mitchell</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors/smith_anne">Anne Smith</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors/verleyen_wim">Wim Verleyen</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors">Sponsors</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/official">Official Team Profile</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/project">Project</a>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/project/objectives">Objectives</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/project/laboratory">Laboratory</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/project/modeling">Modeling</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/project/notebook">Notebook</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/project/blog">Blog</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="current"><a href="https://2010.igem.org/Team:St_Andrews/contact">Contact</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:St_Andrews/about">About</a></li>
| + | |
| </ul> | | </ul> |
| | | |
| + | </li> |
| + | |
| + | <li><a>Team</a> |
| + | <ul> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members">Students</a> |
| + | <ul> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Rachael Blackburn">Rachael Blackburn</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Lukas Ly">Lukas Ly</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Alasdair Morton">Alasdair Morton</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Patrick Olden">Patrick Olden</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members#David Owen">David Owen</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Fatemeh Salimi">Fatemeh Salimi</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Sarah Shapiro">Sarah Shapiro</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members#James Taylor">James Taylor</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Jonathan Ward">Jonathan Ward</a></li> |
| + | </ul> |
| + | </li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors">Advisors</a> |
| + | <ul> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors#Chris Hooley">Chris Hooley</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors#Olivia Mendivil">Olivia Mendivil</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors#John Mitchell">John Mitchell</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors#Anne Smith">Anne Smith</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors#Wim Verleyen">Wim Verleyen</a></li> |
| + | </ul> |
| + | </li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/official">Official Team Profile</a></li> |
| + | </ul> |
| + | </li> |
| + | <li><a>Project</a> |
| + | <ul> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/project/objectives">Objectives</a></li> |
| + | <li><a <!--href="https://2010.igem.org/Team:St_Andrews/project/laboratory"-->Laboratory</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/project/modelling">Modelling</a> |
| + | <ul> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/project/modelling#introduction">Introduction</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/project/modelling#bonnet">Under the Bonnet</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/project/modelling#overview">Basic Overview</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/project/modelling#results">Results</a></li> |
| + | </ul> |
| + | <li><a <!--href="https://2010.igem.org/Team:St_Andrews/project/notebook"-->Notebook</a></li> |
| + | <li><a <!--href="https://2010.igem.org/Team:St_Andrews/project/blog"-->Blog</a></li> |
| + | </ul> |
| + | </li> |
| + | <li><a href="#">News</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/contact">Contact</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors">Sponsors</a> |
| + | <ul> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#Wellcome Trust">Wellcome Trust</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#New England Biolabs">New England Biolabs</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#Fermentas">Fermentas</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#GENEART">GENEART</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#Mr Gene">Mr Gene</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#University of St Andrews">University of St Andrews</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#SULSA">SULSA</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#SALTIRE">SALTIRE</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#School of Biology">School of Biology</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#School of Chemistry">School of Chemistry</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#School of Physics and Astronomy">School of Physics and Astronomy</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#School of Computer Science">School of Computer Science</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#B. Jannettas">B. Jannettas</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#ijmellis">I.J.Mellis</a></li> |
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#flip!">flip!</a></li> |
| + | </ul> |
| + | </li> |
| + | </ul> <ul id="crumbs" class="navigation1"> |
| + | <li>Contact</li> |
| + | </ul> |
| </div> | | </div> |
| <div class="ry"> | | <div class="ry"> |
Line 722: |
Line 148: |
| theme: { | | theme: { |
| shell: { | | shell: { |
- | background: '#808080', | + | background: '#ffffff', |
- | color: '#ffffff' | + | color: '#808080' |
| }, | | }, |
| tweets: { | | tweets: { |
Line 745: |
Line 171: |
| </div> | | </div> |
| <div class="main"> | | <div class="main"> |
| + | <div class="tag"> |
| + | Get in touch! |
| + | </div> |
| <div class="exmain"> | | <div class="exmain"> |
| <table cellspacing="0" cellpadding="0" border="0"><tr><td><iframe width="390" height="500" frameborder="0" src="http://www.foxyform.com/form.php?id=35021&sec_hash=641d5df25a9"></iframe></td></tr><tr><td align="center"><a style="font:10px Arial;color:#5C5C5C;" href="http://www.foxyform.com">Contact Form</a></td></tr></table> | | <table cellspacing="0" cellpadding="0" border="0"><tr><td><iframe width="390" height="500" frameborder="0" src="http://www.foxyform.com/form.php?id=35021&sec_hash=641d5df25a9"></iframe></td></tr><tr><td align="center"><a style="font:10px Arial;color:#5C5C5C;" href="http://www.foxyform.com">Contact Form</a></td></tr></table> |