|
|
(22 intermediate revisions not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
| <head> | | <head> |
- | <script language="JavaScript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js" type="text/javascript"></script> | + | <head> |
- | <!--[if gte IE 5.5]> | + | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js" type="text/javascript"></script> |
| + | <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 20: |
| );}); | | );}); |
| </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, li {
| + | $('#slider').nivoSlider({ |
- | list-style: none;
| + | effect:'fade', //Specify sets like: 'fold,fade,sliceDown' |
- | padding:0;
| + | slices:50, |
- | margin:0;
| + | animSpeed:1000, |
- | }
| + | pauseTime:5000, |
- | #crumbs {
| + | startSlide:0, //Set starting Slide (0 index) |
- | height:2.3em;
| + | directionNav:false, //Next & Prev |
- | border:1px solid #dedede;
| + | directionNavHide:true, //Only show on hover |
| + | controlNav:false, //1,2,3... |
| + | controlNavThumbs:false, //Use thumbnails for Control Nav |
| + | controlNavThumbsFromRel:true, //Use image rel for thumbs |
| + | controlNavThumbsSearch: '.jpg', //Replace this with... |
| + | controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src |
| + | keyboardNav:false, //Use left & right arrows |
| + | pauseOnHover:true, //Stop animation while hovering |
| + | manualAdvance:false, //Force manual transitions |
| + | captionOpacity:0.8, //Universal caption opacity |
| + | beforeChange: function(){}, |
| + | afterChange: function(){}, |
| + | slideshowEnd: function(){} //Triggers after all slides have been shown |
| } | | } |
- | #crumbs li {
| + | ); |
- | float:left;
| + | }) |
- | line-height:2.3em;
| + | </script> |
- | color:#777;
| + | <link href='http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light' rel='stylesheet' type='text/css'> |
- | padding-left:.75em;
| + | <link rel="stylesheet" type="text/css" href="http://www.lycifer.co.cc/css/lymain6.css" /> |
- | }
| + | |
- | #crumbs li a {
| + | |
- | background:url(http://farm5.static.flickr.com/4083/4840231538_b92665afd3_m_d.jpg) no-repeat right center;
| + | |
- | display:block;
| + | |
- | padding:0 15px 0 0;
| + | |
- | }
| + | |
- | #crumbs li a:link,
| + | |
- | #crumbs li a:visited {
| + | |
- | color:#777;
| + | |
- | text-decoration:none;
| + | |
- | }
| + | |
- | a:link, a:visited,
| + | |
- | #crumbs li a:hover,
| + | |
- | #crumbs li a:focus {
| + | |
- | color:#dd2c0d;
| + | |
- | }
| + | |
- | | + | |
- | ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; }
| + | |
- |
| + | |
- | ul#navmenu-h ul {
| + | |
- | width: 173px; /* Sub Menu Width */
| + | |
- | margin: 0;
| + | |
- | list-style: none;
| + | |
- | display: none;
| + | |
- | position: absolute;
| + | |
- | top: 100%;
| + | |
- | left: 0;
| + | |
- | }
| + | |
- |
| + | |
- | ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; }
| + | |
- |
| + | |
- | ul#navmenu-h li { float: left; display: inline; position: relative; }
| + | |
- | ul#navmenu-h ul li { width: 100%; display: block; }
| + | |
- |
| + | |
- | /* Root Menu */
| + | |
- | ul#navmenu-h a {
| + | |
- | border-top: 1px solid #FFF;
| + | |
- | 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;
| + | |
- | height:120%;
| + | |
- | font: bold 13px Verdana, sans-serif;
| + | |
- | }
| + | |
- |
| + | |
- | /* 2nd Menu */
| + | |
- | ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
| + | |
- | font: bold 11px Verdana, sans-serif;
| + | |
- | width: 160px;
| + | |
- | float: none;
| + | |
- | height:100%;
| + | |
- | background: #808080;
| + | |
- | }
| + | |
- |
| + | |
- | /* 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 {
| + | |
- | font: bold 13px Verdana, sans-serif;
| + | |
- | background: #000066;
| + | |
- | height:120%;
| + | |
- | }
| + | |
- |
| + | |
- | /* 3rd Menu */
| + | |
- | ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
| + | |
- | font: bold 11px Verdana, sans-serif;
| + | |
- | background: #808080;
| + | |
- | height:100%;
| + | |
- | }
| + | |
- |
| + | |
- | /* 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 {
| + | |
- | font: bold 13px Verdana, sans-serif;
| + | |
- | background: #000066;
| + | |
- | height:120%;
| + | |
- | }
| + | |
- |
| + | |
- | /* 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: #808080;
| + | |
- | }
| + | |
- |
| + | |
- | /* 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: #000066;
| + | |
- | }
| + | |
- |
| + | |
- | /* 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; }
| + | |
- | | + | |
- | ul.navigation2
| + | |
- | {
| + | |
- | position:absolute;
| + | |
- | z-index:1;
| + | |
- | top:200px;
| + | |
- | left:105px;
| + | |
- | }
| + | |
- | ul.navigation1
| + | |
- | {
| + | |
- | position:absolute;
| + | |
- | z-index:5;
| + | |
- | top:250px;
| + | |
- | left:110px;
| + | |
- | }
| + | |
- | #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
| + | |
- | {
| + | |
- | 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;
| + | |
- | }
| + | |
- | | + | |
- | 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=100);
| + | |
- | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
| + | |
- | -moz-opacity: 1; opacity:1;
| + | |
- | 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=100);
| + | |
- | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
| + | |
- | -moz-opacity: 1; opacity:1;
| + | |
- | 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="background" border="0" src="http://farm5.static.flickr.com/4138/4850316388_ffee095f41_t_d.jpg"/> |
| <img class="gradient" border="0" src="http://farm5.static.flickr.com/4090/4839791534_ee9a9c2a4a_m_d.jpg"/> | | <img class="gradient" border="0" src="http://farm5.static.flickr.com/4090/4839791534_ee9a9c2a4a_m_d.jpg"/> |
| <img class="gradientb" border="0" src="http://farm5.static.flickr.com/4088/4839184741_cdc2138f55_m_d.jpg"/> | | <img class="gradientb" border="0" src="http://farm5.static.flickr.com/4088/4839184741_cdc2138f55_m_d.jpg"/> |
Line 735: |
Line 82: |
| </li> | | </li> |
| <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors">Sponsors</a> | | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors">Sponsors</a> |
- | <ul> | + | <ul> |
- | <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#Fermentas">Fermentas</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#GENEART">GENEART</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#Mr Gene">Mr Gene</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#New England Biolabs">New England Biolabs</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#SALTIRE">SALTIRE</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#SULSA">SULSA</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 Biology">School of Biology</a></li> |
- | <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#School of Chemistry">School of Chemistry</a></li> |
- | </ul>
| + | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#School of Computer Science">School of Computer Science</a></li> |
- | </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/official">Official Team Profile</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#Wellcome Trust">Wellcome Trust</a></li> |
| + | </ul> |
| + | |
| + | </li><li><a href="https://2010.igem.org/Team:St_Andrews/official">Official Team Profile</a></li> |
| </ul> | | </ul> |
| </li> | | </li> |
Line 761: |
Line 112: |
| <li><a href="https://2010.igem.org/Team:St_Andrews/about">About</a></li> | | <li><a href="https://2010.igem.org/Team:St_Andrews/about">About</a></li> |
| </ul> | | </ul> |
| + | |
| <ul id="crumbs" class="navigation1"> | | <ul id="crumbs" class="navigation1"> |
- | <li><a href="#">Home</a></li> | + | <li>About</li> |
- | <li><a href="#">Main section</a></li>
| + | |
- | <li><a href="#">Sub section</a></li>
| + | |
- | <li><a href="#">Sub sub section</a></li>
| + | |
- | <li>The page you are on right now</li>
| + | |
| </ul> | | </ul> |
| </div> | | </div> |
Line 782: |
Line 130: |
| theme: { | | theme: { |
| shell: { | | shell: { |
- | background: '#808080', | + | background: '#ffffff', |
- | color: '#ffffff' | + | color: '#808080' |
| }, | | }, |
| tweets: { | | tweets: { |
Line 805: |
Line 153: |
| </div> | | </div> |
| <div class="main"> | | <div class="main"> |
| + | <div class="tag"> |
| + | About |
| + | </div> |
| <div class="exmain"> | | <div class="exmain"> |
| + | under construction ... |
| </div> | | </div> |
| + | |
| </div> | | </div> |
| </body> | | </body> |
| </html> | | </html> |