|
|
| Line 291: |
Line 291: |
| | width: 60px; | | width: 60px; |
| | } | | } |
| - | #hokkaidou-header #hokkaidou-navigation ul li a,
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li strong.selflink{
| |
| - | display: inline-block;
| |
| - | width: 30px; height: 30px;
| |
| - | background: url(https://static.igem.org/mediawiki/2011/4/4b/Hokkaidou_menu.png) no-repeat;
| |
| - | border: none;
| |
| - | outline: none;
| |
| - | text-indent: -10000px;
| |
| - | }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-home a{ background-position: 0 0; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-home a:hover { background-position: -30px 0; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-home a:active,
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-home strong.selflink{ background-position: -60px 0; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-project a{ background-position: 0 -30px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-project a:hover { background-position: -30px -30px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-project a:active,
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-project strong.selflink{ background-position: -60px -30px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-protocol a{ background-position: 0 -60px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-protocol a:hover { background-position: -30px -60px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-protocol a:active,
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-protocol strong.selflink{ background-position: -60px -60px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-parts a{ background-position: 0 -90px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-parts a:hover { background-position: -30px -90px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-parts a:active,
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-parts strong.selflink{ background-position: -60px -90px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-notebook a{ background-position: 0 -120px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-notebook a:hover { background-position: -30px -120px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-notebook a:active,
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-notebook strong.selflink{ background-position: -60px -120px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-safety a{ background-position: 0 -150px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-safety a:hover { background-position: -30px -150px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-safety a:active,
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-safety strong.selflink{ background-position: -60px -150px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-humanpractice a{ background-position: 0 -180px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-humanpractice a:hover { background-position: -30px -180px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-humanpractice a:active,
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-humanpractice strong.selflink{ background-position: -60px -180px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-team a{ background-position: 0 -210px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-team a:hover { background-position: -30px -210px; }
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-team a:active,
| |
| - | #hokkaidou-header #hokkaidou-navigation ul li#hokkaidou-menu-team strong.selflink{ background-position: -60px -210px; }
| |
| | | | |
| | /* i couldn't be bothered to add text on picture... lol */ | | /* i couldn't be bothered to add text on picture... lol */ |
| Line 368: |
Line 327: |
| | </style> | | </style> |
| | </p><p><style> | | </p><p><style> |
| - | #hokkaidou-index-menu{
| |
| - | margin: 0 0 30px 0 !important;
| |
| - | padding: 0 !important;
| |
| - | border: 1px solid #ababab;
| |
| - | -webkit-border-top-right-radius: 12px;
| |
| - | -moz-border-radius-topright: 12px;
| |
| - | border-top-right-radius: 12px;
| |
| - | -webkit-border-bottom-right-radius: 12px;
| |
| - | -moz-border-radius-bottomright: 12px;
| |
| - | border-bottom-right-radius: 12px;
| |
| - | }
| |
| - | #hokkaidou-index-menu li{
| |
| - | list-style: none;
| |
| - | margin: 0 !important;
| |
| - | padding: 0 !important;
| |
| - | background: -moz-radial-gradient(center 80px 45deg, circle cover, hsl(0, 0%, 100%) 0%, hsl(240, 5%, 70%) 100%);
| |
| - | overflow: hidden;
| |
| - | text-shadow: 0 1px 1px hsl(240, 10%, 80%);
| |
| - | }
| |
| - | #hokkaidou-index-menu li:first-child{
| |
| - | -webkit-border-top-right-radius: 12px;
| |
| - | -moz-border-radius-topright: 12px;
| |
| - | border-top-right-radius: 12px;
| |
| - | }
| |
| - | #hokkaidou-index-menu li:last-child{
| |
| - | -webkit-border-bottom-right-radius: 12px;
| |
| - | -moz-border-radius-bottomright: 12px;
| |
| - | border-bottom-right-radius: 12px;
| |
| - | }
| |
| - |
| |
| - | #hokkaidou-index-menu li a{
| |
| - | display: block;
| |
| - | padding: 10px 20px;
| |
| - | border-bottom: none;
| |
| - | color: #3b3b3b;
| |
| - | transition: background 0.5s ease-in-out;
| |
| - | -moz-transition-property: background;
| |
| - | -moz-transition-duration: 700ms;
| |
| - | background: #e4e4e4;
| |
| - | border-bottom: 1px solid #dedede;
| |
| - | border-top: 1px solid #f7f7f7;
| |
| - | }
| |
| - | #hokkaidou-index-menu li a{
| |
| - | }
| |
| - | #hokkaidou-index-menu li a:hover{
| |
| - | background: transparent none;
| |
| - | }
| |
| - | #hokkaidou-index-menu li a .hokkaidou-description{
| |
| - | display: block;
| |
| - | margin-left: 40px;
| |
| - | }
| |
| - | #hokkaidou-index-menu li a:before{
| |
| - | display: block;
| |
| - | float: left;
| |
| - | content: "";
| |
| - | width: 30px; height: 30px;
| |
| - | margin: 5px 10px 0 0;
| |
| - | background: url(https://static.igem.org/mediawiki/2011/4/4b/Hokkaidou_menu.png) no-repeat;
| |
| - | }
| |
| - | #hokkaidou-index-menu li#hokkaidou-index-project a:before{ background-position: 0 -30px; }
| |
| - | #hokkaidou-index-menu li#hokkaidou-index-protocol a:before{ background-position: 0 -60px; }
| |
| - | #hokkaidou-index-menu li#hokkaidou-index-parts a:before{ background-position: 0 -90px; }
| |
| - | #hokkaidou-index-menu li#hokkaidou-index-notebook a:before{ background-position: 0 -120px; }
| |
| - | #hokkaidou-index-menu li#hokkaidou-index-safety a:before{ background-position: 0 -150px; }
| |
| - | #hokkaidou-index-menu li#hokkaidou-index-humanpractice a:before{ background-position: 0 -180px; }
| |
| - | #hokkaidou-index-menu li#hokkaidou-index-team a:before{ background-position: 0 -210px; }
| |
| - |
| |
| - | #hokkaidou-index-menu li#hokkaidou-index-project a:hover:before{ background-position: -30px -30px; }
| |
| - | #hokkaidou-index-menu li#hokkaidou-index-protocol a:hover:before{ background-position: -30px -60px; }
| |
| - | #hokkaidou-index-menu li#hokkaidou-index-parts a:hover:before{ background-position: -30px -90px; }
| |
| - | #hokkaidou-index-menu li#hokkaidou-index-notebook a:hover:before{ background-position: -30px -120px; }
| |
| - | #hokkaidou-index-menu li#hokkaidou-index-safety a:hover:before{ background-position: -30px -150px; }
| |
| - | #hokkaidou-index-menu li#hokkaidou-index-humanpractice a:hover:before{ background-position: -30px -180px; }
| |
| - | #hokkaidou-index-menu li#hokkaidou-index-team a:hover:before{ background-position: -30px -210px; }
| |
| - |
| |
| - | #hokkaidou-official-team-logo{
| |
| - | text-align: center;
| |
| - | }
| |
| - | #hokkaidou-official-team-logo img{
| |
| - | display: block;
| |
| - | width: 240px;
| |
| - | height: 240px;
| |
| - | border: 1px solid #e4e4e4;
| |
| - | margin: 0 auto;
| |
| - | }
| |
| - | #hokkaidou-official-team-logo .hokkaidou-description{
| |
| - | font-size: small;
| |
| - | color: #ababab;
| |
| - | }
| |
| | #hokkaidou-links ul{ | | #hokkaidou-links ul{ |
| | margin: 20px 0 !important; | | margin: 20px 0 !important; |
"
