|
|
| Line 1: |
Line 1: |
| | <html> | | <html> |
| - | <style type="text/css">
| |
| - | /* wiki reset */
| |
| - | #top-section {
| |
| - | position: relative;
| |
| - | width: 100%;
| |
| - | height: 0;
| |
| - | border: none;
| |
| - | color: transparent;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - |
| |
| - | #top-section a:hover {
| |
| - | color: #333333;
| |
| - | }
| |
| - |
| |
| - | #top-section .left-menu {
| |
| - | position: absolute;
| |
| - | top: 0; left: 0;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | color: transparent;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - |
| |
| - | #top-section .left-menu li:hover { text-decoration: none; }
| |
| - |
| |
| - | #top-section .right-menu {
| |
| - | position: absolute;
| |
| - | top: 0; right: 0;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | color: transparent;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - |
| |
| - | #top-section .right-menu #pt-login a { background-color: transparent; }
| |
| - |
| |
| - | #content {
| |
| - | background-color: transparent;
| |
| - | border: none;
| |
| - | width: 100%;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | color: #333333 !important;
| |
| - | }
| |
| - |
| |
| - | #footer-box {
| |
| - | background-color: transparent;
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - | #top-section #p-logo,
| |
| - | #top-section .left-menu li:last-child,
| |
| - | #top-section #search-controls,
| |
| - | #content h1.firstHeading,
| |
| - | #content #bodyContent #contentSub,
| |
| - | #catlinks { display: none; }
| |
| - |
| |
| - |
| |
| - | /* global */
| |
| - | html {
| |
| - | overflow-y: scroll;
| |
| - | }
| |
| - |
| |
| - | body {
| |
| - | background: #058da1;
| |
| - | background: linear-gradient(top, #058da1, #ffffff);
| |
| - | background: -webkit-gradient(linear, left top, left bottom, from(#058da1), to(#ffffff));
| |
| - | background: -moz-linear-gradient(top, #058da1, #ffffff);
| |
| - | background-repeat: no-repeat;
| |
| - | background-position: 0 55px;
| |
| - | }
| |
| - |
| |
| - | #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: 200px;
| |
| - | font-family: 'Arial';
| |
| - | font-size: 12px;
| |
| - | }
| |
| - |
| |
| - | #hokkaidou-header-nav ul {
| |
| - | list-style: none;
| |
| - | margin: 0;
| |
| - | }
| |
| - |
| |
| - | #hokkaidou-header-nav > ul > li {
| |
| - | position: relative;
| |
| - | display: block;
| |
| - | float: left;
| |
| - | margin-right: 20px;
| |
| - | }
| |
| - |
| |
| - | #hokkaidou-header-nav li ul {display: none;}
| |
| - | #hokkaidou-header-nav li:hover ul {
| |
| - | display: block;
| |
| - | position: absolute;
| |
| - | top: 20px; left: 0;
| |
| - | margin-left: -10px;
| |
| - | min-width: 80px;
| |
| - | padding: 0 10px 10px 10px;
| |
| - | background-color: #ffffff;
| |
| - | }
| |
| - |
| |
| - | #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;
| |
| - | }
| |
| - |
| |
| - | #hokkaidou-header-search input:focus {
| |
| - | background-position: 0 -22px;
| |
| - | }
| |
| - |
| |
| - | #hokkaidou-header-igem-official-link {
| |
| - | position: absolute;
| |
| - | top: 14px; right: 10px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - |
| |
| - |
| |
| | <div id="hokkaidou-header-wrapper"> | | <div id="hokkaidou-header-wrapper"> |
| | <div id="hokkaidou-header"> | | <div id="hokkaidou-header"> |
| Line 197: |
Line 44: |
| | </div> | | </div> |
| | </html> | | </html> |
| - | <div id="hokkaidou-wrapper"> | + | |
| - | <div id="hokkaidou-contents"> | + | <div id="hokkaidou-wrapper"> |
| | + | <div id="hokkaidou-contents"> |
"
