Template:Team:HokkaidoU Japan/stylesheets/header.css

From 2012.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 1: Line 1:
<html><style type="text/css">
<html><style type="text/css">
 +
  #hokkaidou-header-wrapper {
 +
    width: 100%;
 +
    height: 55px;
 +
    background-color: #ffffff;
 +
  }
 +
 
 +
  a,
 +
  a:visited,
 +
  a:active {
 +
    text-decoration: none;
 +
  }
-
#hokkaidou-header {
+
  #hokkaidou-header {
     position: relative;
     position: relative;
-
}
+
    width: 965px;
 +
    height: 55px;
 +
    margin: 0 auto;
 +
  }
-
#hokkaidou-header #hokkaidou-header-logo {
+
  #hokkaidou-header div {
-
    width: 240px;
+
    float: left;
-
    height: 70px;
+
  }
 +
 
 +
  #hokkaidou-header-logo {
     position: absolute;
     position: absolute;
-
     top: 15px; left: 15px;
+
     top: 0; left: 10px;
-
    border: none;
+
  }
-
    background-color: #ffa500;
+
-
    margin: 0;
+
-
    padding 0;
+
-
}
+
-
#hokkaidou-header #hokkaidou-header-logo h1 a {
+
  #hokkaidou-header-nav {
-
     width: 240px;
+
    position: absolute;
-
     height: 70px;
+
    top: 19px; left: 180px;
-
     border:none;
+
    font-family: 'Arial';
-
    background-color: inherit;
+
    font-size: 12px;
 +
  }
 +
 
 +
  #hokkaidou-header-nav a {
 +
     color: #6c6c6c;
 +
  }
 +
 
 +
  #hokkaidou-header-nav a:hover {
 +
     color: #6c6c6c;
 +
     text-decoration: none;
 +
  }
 +
 
 +
  #hokkaidou-header-nav a:visited {
 +
    color: #6c6c6c;
 +
  }
 +
 
 +
  #hokkaidou-header-nav ul {
 +
    list-style: none;
     margin: 0;
     margin: 0;
-
     padding 0;
+
  }
-
}
+
 
 +
  #hokkaidou-header-nav > ul > li {
 +
    position: relative;
 +
    display: block;
 +
    float: left;
 +
    margin-right: 20px;
 +
    height: 36px;
 +
  }
 +
 
 +
  #hokkaidou-header-nav ul li:hover > a {
 +
    color: #032fad;
 +
  }
 +
 
 +
  #hokkaidou-header-nav > ul > li > div {
 +
    display: none;
 +
    position: absolute;
 +
    top: 0; left: 0;
 +
    background: transparent;
 +
    height: auto;
 +
  }
 +
 
 +
  #hokkaidou-header-nav > ul > li:hover > div {
 +
    display: block;
 +
  }
 +
 
 +
  #hokkaidou-header-nav > ul > li > div:hover {
 +
  }
 +
 
 +
  #hokkaidou-header-nav li div ul {
 +
    position: absolute;
 +
    top: 36px; left: 0;
 +
    margin-left: -10px;
 +
     padding-bottom: 10px;
 +
    background-color: #ffffff;
 +
    z-index: 1000;
 +
    border-radius: 0 0 1em 1em / 0 0 1em 1em;
 +
    box-shadow: 4px 2px 3px 0 rgba(0, 0, 0, 0.4);
 +
  }
 +
 
 +
  #hokkaidou-header-nav li div ul:before,
 +
  #hokkaidou-header-nav li div ul:after {
 +
    display: block;
 +
    position: absolute;
 +
    top: 0;
 +
    width: 1em;
 +
    height: 1em;
 +
    content: " ";
 +
    z-index: 900;
 +
  }
 +
 
 +
  #hokkaidou-header-nav li div ul:before {
 +
    left: -1em;
 +
    border-top-right-radius: 0.7em;
 +
    box-shadow: 5px -5px 0 0 #ffffff;
 +
  }
 +
 
 +
  #hokkaidou-header-nav li div ul:after {
 +
    right: -1em;
 +
    border-top-left-radius: 0.7em;
 +
    box-shadow: -5px -5px 0 0 #ffffff;
 +
  }
 +
 
 +
  #hokkaidou-header-nav li div ul li {
 +
    padding: 3px 10px;
 +
  }
 +
 
 +
  #hokkaidou-header-search {
 +
    position: absolute;
 +
    top: 19px; left: 740px;
 +
    width: 161px;
 +
  }
 +
 
 +
  #hokkaidou-header-search input {
 +
    width: 161px;
 +
    height: 21px;
 +
    background-image: url("/wiki/images/6/67/Hokkaidou-search.png");
 +
    background-repeat: no-repeat;
 +
    border: none;
 +
    color: #ffffff;
 +
  }
 +
 
 +
  #hokkaidou-header-search input:focus {
 +
    background-position: 0 -22px;
 +
  }
 +
 
 +
  #hokkaidou-header-igem-official-link {
 +
    position: absolute;
 +
    top: 14px; right: 10px;
 +
  }
</style></html>
</style></html>

Latest revision as of 01:20, 27 September 2012

Retrieved from "http://2012.igem.org/Template:Team:HokkaidoU_Japan/stylesheets/header.css"