|
|
| Line 6: |
Line 6: |
| | @import url(http://fonts.googleapis.com/css?family=Headland+One); | | @import url(http://fonts.googleapis.com/css?family=Headland+One); |
| | | | |
| - | /* global */
| |
| - | html {
| |
| - | overflow-y: scroll;
| |
| - | text-align: justify;
| |
| - | font-family: 'Arial';
| |
| - | font-size: 14px;
| |
| - | }
| |
| - |
| |
| - | 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 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 li ul {
| |
| - | display: none;
| |
| - | position: absolute;
| |
| - | top: 36px; left: 0;
| |
| - | margin-left: -10px;
| |
| - | min-width: 120px;
| |
| - | 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 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-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;
| |
| - | }
| |
| - |
| |
| - | #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;
| |
| - | color: #ffffff;
| |
| - | }
| |
| - |
| |
| - | #hokkaidou-column-main h2 {
| |
| - | font-family: 'Headland One' serif;
| |
| - | font-size: 28px;
| |
| - | font-weight: bold;
| |
| - | border: none;
| |
| - | color: #ffffff;
| |
| - | }
| |
| - |
| |
| - | #hokkaidou-column-main h2.index-title {
| |
| - | margin-bottom: 0;
| |
| - | }
| |
| - |
| |
| - | #hokkaidou-column-main h3 {
| |
| - | font-family: 'Headland One' serif;
| |
| - | font-size: 18px;
| |
| - | color: #ffffff;
| |
| - | }
| |
| - |
| |
| - | #hokkaidou-column-main div {
| |
| - | padding: 15px 15px 15px 15px;
| |
| - | background: rgba(0, 25, 105, 0.35);
| |
| - | border-radius: 1em;
| |
| - | }
| |
| - |
| |
| - | #hokkaidou-column-main div p {
| |
| - | padding: 0 0 0 10px;
| |
| - | }
| |
| | </style> | | </style> |
| | </html> | | </html> |
"
