Team:St Andrews/contact

From 2010.igem.org

(Difference between revisions)
Line 3: Line 3:
<style type="text/css">
<style type="text/css">
 +
#top-section {
#top-section {
     position: relative;
     position: relative;
Line 115: Line 116:
}
}
-
#nav {
+
html>body #nav {
-
filter: alpha(opacity=75);
+
filter: alpha(opacity=80);
-
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
+
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-
-moz-opacity: 0.75; opacity:0.75;
+
-moz-opacity: 0.8; opacity:0.8;
z-index:1;
z-index:1;
margin: 0;
margin: 0;
Line 148: Line 149:
border: solid 1px #6d6d6d;
border: solid 1px #6d6d6d;
}
}
-
#nav li {
+
html>body #nav li {
margin: 0 5px;
margin: 0 5px;
padding: 0 0 8px;
padding: 0 0 8px;
Line 156: Line 157:
}
}
/* main level link */
/* main level link */
-
#nav a {
+
html>body #nav a {
font-weight: bold;
font-weight: bold;
color: #e7e5e5;
color: #e7e5e5;
Line 169: Line 170:
/* main level link hover */
/* main level link hover */
-
#nav .current a, #nav li:hover > a {
+
html>body #nav .current a, #nav li:hover > a {
background: #d1d1d1; /* for non-css3 browsers */
background: #d1d1d1; /* for non-css3 browsers */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#808080'); /* for IE */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#808080'); /* for IE */
Line 183: Line 184:
}
}
/* sub levels link hover */
/* sub levels link hover */
-
#nav ul li:hover a,b #nav li:hover li a {
+
html>body #nav ul li:hover a, #nav li:hover li a {
background: none;
background: none;
border: none;
border: none;
Line 190: Line 191:
-moz-box-shadow: none;
-moz-box-shadow: none;
}
}
-
#nav ul a:hover {
+
html>body #nav ul a:hover {
background: #0399d4 !important; /* for non-css3 browsers */
background: #0399d4 !important; /* for non-css3 browsers */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066', endColorstr='#000000'); /* for IE */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066', endColorstr='#000000'); /* for IE */
Line 202: Line 203:
}
}
/* level 2 list */
/* level 2 list */
-
#nav ul {
+
html>body #nav ul {
background: #ddd; /* for non-css3 browsers */
background: #ddd; /* for non-css3 browsers */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c8c8c8'); /* for IE */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c8c8c8'); /* for IE */
Line 214: Line 215:
position: absolute;
position: absolute;
top: 35px;
top: 35px;
-
left: 0px;
+
left: 10px;
border: solid 1px #b4b4b4;
border: solid 1px #b4b4b4;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
Line 224: Line 225:
}
}
/* dropdown */
/* dropdown */
-
#nav li:hover > ul {
+
html>body #nav li:hover > ul {
display: block;
display: block;
}
}
-
#nav ul li {
+
html>body #nav ul li {
z-index:1;
z-index:1;
float: none;
float: none;
Line 233: Line 234:
padding: 0;
padding: 0;
}
}
-
#nav ul a {
+
html>body #nav ul a {
font-weight: normal;
font-weight: normal;
text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}
}
/* level 3+ list */
/* level 3+ list */
-
#nav ul ul {
+
html>body #nav ul ul {
left: 138px;
left: 138px;
top: -8px;
top: -8px;
}
}
/* rounded corners for first and last child */
/* rounded corners for first and last child */
-
#nav ul li:first-child > a {
+
html>body #nav ul li:first-child > a {
-webkit-border-top-left-radius: 9px;
-webkit-border-top-left-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topleft: 9px;
Line 249: Line 250:
-moz-border-radius-topright: 9px;
-moz-border-radius-topright: 9px;
}
}
-
#nav ul li:last-child > a {
+
html>body #nav ul li:last-child > a {
-webkit-border-bottom-left-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px;
-moz-border-radius-bottomleft: 9px;
Line 256: Line 257:
}
}
/* clearfix */
/* clearfix */
-
#nav:after {
+
html>body #nav:after {
content: ".";
content: ".";
display: block;
display: block;
Line 264: Line 265:
height: 0;
height: 0;
}
}
-
#nav {
+
html>body #nav {
z-index:1;
z-index:1;
display: inline-block;
display: inline-block;
}
}
-
html[xmlns] #nav {
+
html>body html[xmlns] #nav {
display: block;
display: block;
}
}
-
* html #nav {
+
* html html>body #nav {
height: 1%;
height: 1%;
}
}
Line 307: Line 308:
position:absolute;
position:absolute;
top:3px;
top:3px;
-
left:-1px;
+
left:1000px;
}
}
#footer-box
#footer-box
Line 362: Line 363:
text-indent: 1em;
text-indent: 1em;
font-family:"Verdana";
font-family:"Verdana";
-
font-size:12px;
+
font-size:15px;
}
}
div.exphoto
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: alpha(opacity=75);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
Line 371: Line 386:
background: #d1d1d1; /* for non-css3 browsers */
background: #d1d1d1; /* for non-css3 browsers */
-
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#808080'); /* for IE */
+
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb'); /* for IE */
-
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#808080)); /* for webkit browsers */
+
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb)); /* for webkit browsers */
-
background: -moz-linear-gradient(top,  #ebebeb,  #808080); /* for firefox 3.6+ */
+
background: -moz-linear-gradient(top,  #ffffff,  #ebebeb); /* for firefox 3.6+ */
   
   
color: #444;
color: #444;
Line 381: Line 396:
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);
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
-
 
-
filter: alpha(opacity=100);
 
-
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 
-
-moz-opacity: 1; opacity:1;
 
position:absolute;
position:absolute;
left:20px;
left:20px;
-
top:400px;
+
top:300px;
float:right;
float:right;
-
top:254px;
 
background;
background;
-
color:#FFFFFF;
+
color:#000000;
float:center;
float:center;
margin-left:150px;
margin-left:150px;
width:560px;
width:560px;
-
padding:10px;
+
padding:30px;
}
}
Line 429: Line 439:
-moz-border-radius-bottomleft: 2em;
-moz-border-radius-bottomleft: 2em;
-moz-border-radius-bottomright: 2em;
-moz-border-radius-bottomright: 2em;
-
filter: alpha(opacity=80);
+
filter: alpha(opacity=70);
-
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
+
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-
-moz-opacity: 0.8; opacity:0.8;
+
-moz-opacity: 0.7; opacity:0.7;
-
position:absolute;
+
position:relative;
background:#FFFFFF;
background:#FFFFFF;
background: #d1d1d1; /* for non-css3 browsers */
background: #d1d1d1; /* for non-css3 browsers */
-
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#808080'); /* for IE */
+
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb'); /* for IE */
-
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#808080)); /* for webkit browsers */
+
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb)); /* for webkit browsers */
-
background: -moz-linear-gradient(top,  #ebebeb,  #808080); /* for firefox 3.6+ */
+
background: -moz-linear-gradient(top,  #ffffff,  #ebebeb); /* for firefox 3.6+ */
   
   
-
color: #444;
+
color: #000000;
border-top: solid 1px #f8f8f8;
border-top: solid 1px #f8f8f8;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
Line 445: Line 455:
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);
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
-
top:300px;
+
top:250px;
left:20px;
left:20px;
float:center;
float:center;
margin-left:150px;
margin-left:150px;
 +
margin-top:50px;
 +
margin-bottom:50px;
width:560px;
width:560px;
padding:20px;
padding:20px;
 +
}
 +
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.ly
div.ly
Line 479: Line 501:
border-bottom:0px solid gray;
border-bottom:0px solid gray;
}
}
 +
</style>
</style>

Revision as of 18:44, 24 July 2010

Contact Form

Retrieved from "http://2010.igem.org/Team:St_Andrews/contact"