|
|
(8 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <!--
| |
| {{Team:HokkaidoU_Japan/stylesheets/wikireset.css}} | | {{Team:HokkaidoU_Japan/stylesheets/wikireset.css}} |
- | {{Team:HokkaidoU_Japan/stylesheets/reset.css}} | + | {{Team:HokkaidoU_Japan/stylesheets/global.css}} |
- | {{Team:HokkaidoU_Japan/stylesheets/layout.css}}
| + | |
| {{Team:HokkaidoU_Japan/stylesheets/header.css}} | | {{Team:HokkaidoU_Japan/stylesheets/header.css}} |
- | {{Team:HokkaidoU_Japan/stylesheets/footer.css}} | + | {{Team:HokkaidoU_Japan/stylesheets/column.nav.css}} |
- | {{Team:HokkaidoU_Japan/stylesheets/accordion.css}}
| + | |
- | {{Team:HokkaidoU_Japan/stylesheets/notebook.css}}
| + | |
- | -->
| + | |
- | | + | |
| <html> | | <html> |
| <style type="text/css"> | | <style type="text/css"> |
| + | |
| @import url(http://fonts.googleapis.com/css?family=Headland+One); | | @import url(http://fonts.googleapis.com/css?family=Headland+One); |
| | | |
- | /* 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;
| |
- | width: 170px;
| |
- | overflow-x: hidden;
| |
- | padding: 0;
| |
- | color: transparent !important;
| |
- | background-color: transparent;
| |
- | }
| |
- |
| |
- | #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 {
| |
- | position: absolute;
| |
- | top: 0; right: 0;
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | color: transparent;
| |
- | 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 {
| |
- | 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,
| |
- | #content #bodyContent > p,
| |
- | #catlinks { display: none; }
| |
- |
| |
- | .editsection {
| |
- | font-size: 11px;
| |
- | font-weight: normal;
| |
- | }
| |
- |
| |
- | /* 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, 105, 57, 0.35);
| |
- | border-radius: 1em;
| |
- | }
| |
- |
| |
- | #hokkaidou-column-main div p {
| |
- | padding: 0 0 0 10px;
| |
- | }
| |
- |
| |
- | #hokkaidou-column-main div p:hover {
| |
- | padding: 0 0 0 9px;
| |
- | border-left: 1px solid #ffffff;
| |
- | background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.15)));
| |
- | }
| |
| </style> | | </style> |
| </html> | | </html> |