|
|
| Line 52: |
Line 52: |
| | } | | } |
| | | | |
| - | #hokkaidou-header-wrapper {
| |
| - | width: 100%;
| |
| - | height: 55px;
| |
| - | background-color: #ffffff;
| |
| - | }
| |
| - |
| |
| - | #hokkaidou-header {
| |
| - | position: relative;
| |
| - | width: 965px;
| |
| - | height: 55px;
| |
| - | margin: 0 auto;
| |
| - | }
| |
| - |
| |
| - | #hokkaidou-header div {
| |
| - | float: left;
| |
| - | }
| |
| - |
| |
| - | #hokkaidou-header-logo {
| |
| - | position: absolute;
| |
| - | top: 0; left: 10px;
| |
| - | }
| |
| - |
| |
| - | #hokkaidou-header-nav {
| |
| - | position: absolute;
| |
| - | top: 19px; left: 180px;
| |
| - | font-family: 'Arial';
| |
| - | 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;
| |
| - | }
| |
| - |
| |
| - | #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;
| |
| - | }
| |
| | | | |
| | #hokkaidou-wrapper-bg { | | #hokkaidou-wrapper-bg { |
"
