Template:Team:HokkaidoU Japan/stylesheets

From 2012.igem.org

(Difference between revisions)
Line 29: Line 29:
     top: 0; left: 0;
     top: 0; left: 0;
     margin: 0;
     margin: 0;
 +
    width: 170px;
 +
    overflow-x: hidden;
     padding: 0;
     padding: 0;
-
     color: transparent;
+
     color: transparent !important;
     background-color: transparent;
     background-color: transparent;
   }
   }
   #top-section .left-menu li:hover { text-decoration: none; }
   #top-section .left-menu li:hover { text-decoration: none; }
 +
 +
  #top-section .left-menu:hover { color: transparent !important; }
 +
  #top-section .left-menu:hover li { color: transparent !important; }
 +
  #top-section .left-menu:hover li a { color: transparent !important; }
 +
  #top-section .left-menu:hover li a:hover { color: #333333 !important; }
   #top-section .right-menu {
   #top-section .right-menu {
Line 45: Line 52:
   }
   }
-
   #top-section .right-menu #pt-login a { background-color: transparent; }
+
   #top-section .right-menu li a { background-color: transparent; }
 +
  #top-section .right-menu li a:hover {
 +
    color: #333333;
 +
    text-decoration: none;
 +
  }
   #content {
   #content {
Line 66: Line 77:
   #content h1.firstHeading,
   #content h1.firstHeading,
   #content #bodyContent #contentSub,
   #content #bodyContent #contentSub,
 +
  #content #bodyContent > p,
   #catlinks { display: none; }
   #catlinks { display: none; }
Line 76: Line 88:
   html {
   html {
     overflow-y: scroll;
     overflow-y: scroll;
 +
    text-align: justify;
   }
   }
Line 114: Line 127:
     font-family: 'Arial';
     font-family: 'Arial';
     font-size: 12px;
     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;
   }
   }
Line 126: Line 152:
     float: left;
     float: left;
     margin-right: 20px;
     margin-right: 20px;
 +
    height: 36px;
   }
   }
-
   #hokkaidou-header-nav li ul {display: none;}
+
   #hokkaidou-header-nav > ul > li:hover > a {
-
   #hokkaidou-header-nav li:hover ul {
+
    color: #032fad;
-
     display: block;
+
  }
 +
 
 +
   #hokkaidou-header-nav li ul {
 +
     display: none;
     position: absolute;
     position: absolute;
-
     top: 20px; left: 0;
+
     top: 36px; left: 0;
     margin-left: -10px;
     margin-left: -10px;
-
     min-width: 80px;
+
     min-width: 120px;
-
     padding: 0 10px 10px 10px;
+
     padding-bottom: 10px;
     background-color: #ffffff;
     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 ul:before,
 +
  #hokkaidou-header-nav li ul:after {
 +
    display: block;
 +
    position: absolute;
 +
    top: 0;
 +
    width: 1em;
 +
    height: 1em;
 +
    content: " ";
 +
    z-index: 900;
 +
  }
 +
 +
  #hokkaidou-header-nav li ul:before {
 +
    left: -1em;
 +
    border-top-right-radius: 0.7em;
 +
    box-shadow: 5px -5px 0 0 #ffffff;
 +
  }
 +
 +
  #hokkaidou-header-nav li ul:after {
 +
    right: -1em;
 +
    border-top-left-radius: 0.7em;
 +
    box-shadow: -5px -5px 0 0 #ffffff;
 +
  }
 +
 +
  #hokkaidou-header-nav li ul li {
 +
    padding: 0 10px;
 +
  }
 +
 +
  #hokkaidou-header-nav li ul li:hover {
 +
    background-color: #c1c1c1;
   }
   }
Line 160: Line 224:
     position: absolute;
     position: absolute;
     top: 14px; right: 10px;
     top: 14px; right: 10px;
 +
  }
 +
 +
  #hokkaidou-wrapper {
 +
    width: 965px;
 +
    position: relative;
 +
    margin: 0 auto;
 +
  }
 +
 +
  #hokkaidou-contents > div {
 +
    float: left;
 +
  }
 +
 +
  #hokkaidou-column-nav {
 +
    width: 210px;
 +
    margin: 0 20px 0 10px;
 +
  }
 +
 +
  #hokkaidou-column-main {
 +
    width: 715px;
   }
   }
</style>
</style>
</html>
</html>

Revision as of 11:16, 25 September 2012