|
|
(13 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <!-- vim: set ft=html: --> | + | <html> |
- | <html><style> | + | <link href='http://fonts.googleapis.com/css?family=Terminal+Dosis|Miltonian|Josefin+Sans:400,700' rel='stylesheet' type='text/css'> |
- | /* --- reset stupid css --- */ | + | </html> |
- | #top-section{
| + | {{Team:HokkaidoU_Japan/css/wikireset.css}} |
- | position: absolute;
| + | {{Team:HokkaidoU_Japan/css/components.css}} |
- | width: 100%;
| + | {{Team:HokkaidoU_Japan/css/typography.css}} |
- | height: 0;
| + | {{Team:HokkaidoU_Japan/css/toc.css}} |
- | border: none;
| + | {{Team:HokkaidoU_Japan/css/layout.v1.css}} |
- | }
| + | {{Team:HokkaidoU_Japan/css/layout.logo.css}} |
- | #top-section #menubar.left-menu{
| + | {{Team:HokkaidoU_Japan/css/layout.navigation.css}} |
- | position: absolute;
| + | {{Team:HokkaidoU_Japan/css/layout.twocolumn.css}} |
- | top: 0; left: 0;
| + | {{Team:HokkaidoU_Japan/css/layout.index.css}} |
- | } | + | |
- | #top-section #menubar.right-menu{
| + | |
- | position: absolute;
| + | |
- | top: 0; right: 0;
| + | |
- | }
| + | |
- | #top-section #p-logo,
| + | |
- | #top-section #search-controls,
| + | |
- | #content h1.firstHeading,
| + | |
- | #content #bodyContent #contentSub,
| + | |
- | #content #bodyContent p, /* holly crap, they have p element for script tag and no id and no class... */
| + | |
- | #catlinks,
| + | |
- | #footer-box{
| + | |
- | display: none;
| + | |
- | } | + | |
- | #globalWrapper,
| + | |
- | #globalWrapper #content{
| + | |
- | background: none;
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | border: none;
| + | |
- | width: auto;
| + | |
- | }
| + | |
- | /* because I hide p element in #bodyContent */ | + | |
- | #content #bodyContent #hokkaidou-container p{
| + | |
- | display: block;
| + | |
- | }
| + | |
- | /* --- general reset css --- */ | + | |
- | html, body, div, span, applet, object, iframe,
| + | |
- | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
| + | |
- | a, abbr, acronym, address, big, cite, code,
| + | |
- | del, dfn, em, font, img, ins, kbd, q, s, samp,
| + | |
- | small, strike, strong, sub, sup, tt, var,
| + | |
- | b, u, i, center,
| + | |
- | dl, dt, dd, ol, ul, li,
| + | |
- | fieldset, form, label, legend,
| + | |
- | table, caption, tbody, tfoot, thead, tr, th, td {
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | border: 0;
| + | |
- | outline: 0;
| + | |
- | font-size: 100%;
| + | |
- | vertical-align: baseline;
| + | |
- | background: transparent;
| + | |
- | } | + | |
- | body {
| + | |
- | line-height: 1;
| + | |
- | } | + | |
- | ol, ul {
| + | |
- | list-style: none;
| + | |
- | }
| + | |
- | blockquote, q {
| + | |
- | quotes: none;
| + | |
- | } | + | |
- | blockquote:before, blockquote:after,
| + | |
- | q:before, q:after {
| + | |
- | content: '';
| + | |
- | content: none;
| + | |
- | }
| + | |
- |
| + | |
- | /* remember to define focus styles! */ | + | |
- | :focus {
| + | |
- | outline: 0;
| + | |
- | }
| + | |
- |
| + | |
- | /* remember to highlight inserts somehow! */ | + | |
- | ins {
| + | |
- | text-decoration: none;
| + | |
- | } | + | |
- | del {
| + | |
- | text-decoration: line-through;
| + | |
- | }
| + | |
- |
| + | |
- | /* tables still need 'cellspacing="0"' in the markup */ | + | |
- | table {
| + | |
- | border-collapse: collapse;
| + | |
- | border-spacing: 0;
| + | |
- | }
| + | |
- | | + | |
- | /* --- finally we can design ---*/ | + | |
- | body{
| + | |
- | background: #f7f7f7;
| + | |
- | color: #3d3d3d;
| + | |
- | } | + | |
- | #hokkaidou-container #hokkaidou-header{
| + | |
- | position: relative;
| + | |
- | background: #4159e1;
| + | |
- | width: 100%;
| + | |
- | height: 180px;
| + | |
- | border-bottom: 1px solid #4682b4;
| + | |
- | } | + | |
- | </style></html>
| + | |