"
Template:Kyoto/css
From 2012.igem.org
(Difference between revisions)
| Line 28: | Line 28: | ||
.firstHeading { | .firstHeading { | ||
display: none; | display: none; | ||
| + | } | ||
| + | |||
| + | /******* IGEM KYOTO DESIGN *******/ | ||
| + | |||
| + | /********** background **********/ | ||
| + | #kyoto-background { | ||
| + | position: fixed; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | background-color: #95C0EC; | ||
| + | } | ||
| + | |||
| + | /********** foreground **********/ | ||
| + | #kyoto-foreground { | ||
| + | position: fixed; | ||
| + | top: 0; | ||
| + | left: 50%; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | #kyoto-foreground1 { | ||
| + | position: fixed; | ||
| + | top: 0; | ||
| + | margin-left: -750px; | ||
| + | width: 250px; | ||
| + | height: 100%; | ||
| + | background-color: #4DB56A | ||
| + | } | ||
| + | #kyoto-foreground2 {} | ||
| + | #kyoto-menu {} | ||
| + | |||
| + | /********** main content **********/ | ||
| + | #kyoto-main { | ||
| + | position: absolute; | ||
| + | top: 200px; | ||
| + | left: 50%; | ||
| + | margin-left: -350px; | ||
| + | width: 700px; | ||
| + | padding: 30px; | ||
| + | background-image: url(../wood.png); | ||
| + | } | ||
| + | #kyoto-root { | ||
| + | position: absolute; | ||
| + | bottom: -50px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | #kyoto-root img { | ||
| + | position: absolute; | ||
| + | right: -200px; | ||
| + | bottom: 0; | ||
| + | height: 300px; | ||
| + | } | ||
| + | #kyoto-content { | ||
| + | min-height: 400px; | ||
| + | background-color: #ffffff; | ||
} | } | ||
</style> | </style> | ||
</html> | </html> | ||
Revision as of 15:39, 29 August 2012
