Template:Cornell WashUtop

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <style> - iGEM wiki Hacker: div#top-section { background-color:transparent; background-repeat: no-repeat; height: 10px; width: 965px; border: none; z-index: 10; ...")
 
(32 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<link href='http://fonts.googleapis.com/css?family=Marmelad' rel='stylesheet' type='text/css'>
 +
<style>
 +
  body {
 +
    font-family: 'Marmelad', sans-serif;
 +
    font-weight: 400;
 +
    font-size: 12px;
 +
  }
 +
</style>
 +
<style>
<style>
/* iGEM wiki Hacker */
/* iGEM wiki Hacker */
 +
 +
 +
div#top-section {
div#top-section {
Line 17: Line 29:
div#menubar { /*text-align:center;*/
div#menubar { /*text-align:center;*/
 +
        display: none;
top: 0;
top: 0;
height: 20px;
height: 20px;
width: 300px;
width: 300px;
-
font-family: 'Century Gothic', sans-serif;
+
        font-family: 'Marmelad', sans-serif;
font-size: 8pt;
font-size: 8pt;
}
}
Line 48: Line 61:
.right-menu li a {
.right-menu li a {
padding: 0px 15px 0px 0px;
padding: 0px 15px 0px 0px;
-
color: #529dd9;
+
color: #ffffff;
background-color: transparent;
background-color: transparent;
}
}
.right-menu li a:hover {
.right-menu li a:hover {
-
color: #529dd9;
+
color: #ffffff;
}
}
Line 87: Line 100:
#footer-box {
#footer-box {
-
background:#fcf4fa;
+
background:#cccccc;
         float:center;
         float:center;
         overflow:hidden;
         overflow:hidden;
Line 113: Line 126:
cursor: pointer;
cursor: pointer;
}
}
-
 
+
body  
body  
-
{background: url('http://t.wallpaperweb.org/wallpaper/abstract/1600x1200/purple_shade.jpg');
+
{background: url('http://i.imgur.com/v1atX.jpg');
-
background-attachment:fixed;
+
background-repeat: no-repeat;
 +
background-color:#cccccc;
}
}
Line 122: Line 136:
{padding-left:0px; padding-right:0px;  
{padding-left:0px; padding-right:0px;  
background-color:transparent;
background-color:transparent;
-
border:none;
+
border: none;
}
}
Line 142: Line 156:
         width: 947px;
         width: 947px;
         float: center;
         float: center;
-
background-color:#fcf4fa;
+
background-color:#cccccc;
         padding: 0px;
         padding: 0px;
height: 242px;
height: 242px;
Line 161: Line 175:
/* Navbar */
/* Navbar */
#mainNav {
#mainNav {
-
   font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
+
   font-family: 'Marmelad', sans-serif;
   font-size: 14px;
   font-size: 14px;
   float: center;
   float: center;
Line 184: Line 198:
/*Menu Header Styles*/
/*Menu Header Styles*/
.menu-item h4 {
.menu-item h4 {
-
   border-bottom: 1px solid rgba(0,0,0,0.3);
+
   border-bottom: 0px solid rgba(0,0,0,0.3);
-
   border-top: 1px solid rgba(255,255,255,0.2);
+
   border-top: 0px solid rgba(255,255,255,0.2);
   color: #fff;
   color: #fff;
   font-size: 15px;
   font-size: 15px;
Line 191: Line 205:
   padding: 7px 12px;
   padding: 7px 12px;
   align:center;
   align:center;
-
 
+
   background: #cc3333;
-
  /*Gradient*/
+
-
   background: #a90329; /* Old browsers */
+
-
  background: -moz-linear-gradient(top, #4c0756 0%, #37053e 44%, #220326 100%); /* FF3.6+ */
+
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
+
-
  background: -webkit-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* Chrome10+,Safari5.1+ */
+
-
  background: -o-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* Opera 11.10+ */
+
-
  background: -ms-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* IE10+ */
+
-
  background: linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* W3C */
+
-
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c0756', endColorstr='#220326',GradientType=0 ); /* IE6-9 */
+
}
}
  .menu-item2 h4 {
  .menu-item2 h4 {
-
   border-bottom: 1px solid rgba(0,0,0,0.3);
+
   border-bottom: 0px solid rgba(0,0,0,0.3);
-
   border-top: 1px solid rgba(255,255,255,0.2);
+
   border-top: 0px solid rgba(255,255,255,0.2);
   color: #fff;
   color: #fff;
   font-size: 15px;
   font-size: 15px;
   font-weight: 500;
   font-weight: 500;
   padding: 7px 12px;
   padding: 7px 12px;
-
 
+
   background: #cc3333;  
-
 
+
-
/*Gradient*/
+
-
   background: #a90329; /* Old browsers */
+
-
  background: -moz-linear-gradient(top, #4c0756 0%, #37053e 44%, #220326 100%); /* FF3.6+ */
+
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
+
-
  background: -webkit-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* Chrome10+,Safari5.1+ */
+
-
  background: -o-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* Opera 11.10+ */
+
-
  background: -ms-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* IE10+ */
+
-
  background: linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* W3C */
+
-
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c0756', endColorstr='#220326',GradientType=0 ); /* IE6-9 */
+
}
}
.menu-item h4:hover {   
.menu-item h4:hover {   
-
   background: #61096d; /* Old browsers */
+
   background: #a32828; /* Old browsers */
-
  background: -moz-linear-gradient(top,  #61096d 0%, #37053e 100%); /* FF3.6+ */
+
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#37053e)); /* Chrome,Safari4+ */
+
-
  background: -webkit-linear-gradient(top,  #61096d 0%,#37053e 100%); /* Chrome10+,Safari5.1+ */
+
-
  background: -o-linear-gradient(top,  #61096d 0%,#37053e 100%); /* Opera 11.10+ */
+
-
  background: -ms-linear-gradient(top,  #61096d 0%,#37053e 100%); /* IE10+ */
+
-
  background: linear-gradient(top,  #61096d 0%,#37053e 100%); /* W3C */
+
-
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61096d', endColorstr='#37053e',GradientType=0 ); /* IE6-9 */
+
-
 
+
}
}
.menu-item2 h4:hover {   
.menu-item2 h4:hover {   
-
   background: #61096d; /* Old browsers */
+
   background: #a32828; /* Old browsers */
-
  background: -moz-linear-gradient(top,  #61096d 0%, #37053e 100%); /* FF3.6+ */
+
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#37053e)); /* Chrome,Safari4+ */
+
-
  background: -webkit-linear-gradient(top,  #61096d 0%,#37053e 100%); /* Chrome10+,Safari5.1+ */
+
-
  background: -o-linear-gradient(top,  #61096d 0%,#37053e 100%); /* Opera 11.10+ */
+
-
  background: -ms-linear-gradient(top,  #61096d 0%,#37053e 100%); /* IE10+ */
+
-
  background: linear-gradient(top,  #61096d 0%,#37053e 100%); /* W3C */
+
-
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61096d', endColorstr='#37053e',GradientType=0 ); /* IE6-9 */
+
-
 
+
}
}

Latest revision as of 23:31, 20 August 2012