fdsafasfafd
Team:SJTU-BioX-Shanghai/test.html
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | + | {{Sjtu/article}} | |
<html> | <html> | ||
<head> | <head> | ||
- | |||
</head> | </head> | ||
<body> | <body> |
Revision as of 13:11, 7 October 2014
@charset "UTF-8"; /* CSS Document */ @font-face {
font-family: Rancho; src: url('../fonts/Rancho.ttf');
} @font-face {
font-family: OpenSans-Regular; src: url('../fonts/Open_Sans/OpenSans-Regular.ttf');
} @font-face {
font-family: OpenSans-Bold; src: url('../fonts/Open_Sans/OpenSans-Bold.ttf');
}
body {
margin: 0; padding: 0; box-sizing: border-box;
}
- headBanner
{
width: 100%; background-image: url('../img/header.jpg'); background-size: 100%; overflow: auto;
}
- headBanner h1
{
font-family: Rancho, sans-serif; font-size: 4em; float: left; color: #b9bfa7; margin: 5% 5%; font-weight: normal;
} .logo {
float: right; width: 270px;
}
/* @group overview */
- overview
{
background-color: #edecec; background-image: url('../img/back.png'); background-repeat: repeat; -webkit-columns: 2; -moz-columns: 2; column-fill: balance; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; text-align: justify; padding: 3% 8%; font-family: OpenSans-Regular; line-height: 1.7em;
}
- overview h2
{
color: #8bcfd8; text-shadow: 0px 0px 6px #FFFFFF; margin: 6px 3px 2px 3px;
}
- overview ol
{
margin-bottom: 1em; list-style-type: disc;
}
/* @end */
.fixed
{
position: fixed; top: 0;
} .right {
float: right;
}
article {
margin: 3% 8%;
} article p {
font-family:OpenSans-Regular, sans-serif; text-align: justify; text-indent: 3em; word-spacing: 0.2em; -moz-columns: 2; -moz-column-gap: 2em; -webkit-column-count: 2; -webkit-column-gap: 2em;
}
h2 {
font-family: Rancho, sans-serif; font-size: 2em;
}
/* @group nav */
nav.scroll-nav {
margin: 0; width: 15%; box-sizing: border-box; position: fixed; left: 0; top: 40%; width: 8%; overflow: hidden;
}
nav.scroll-nav {
padding: 15px 5px;
} ol.scroll-nav__list{
list-style-position: inside; padding-left: 15px; padding-right: 15px; padding-bottom: 0; padding-top: 0; white-space:nowrap; font-size: 14px; line-height: 1.4em;
} /*nav.scroll-nav {
font-variant: small-caps;
}*/ span.scroll-nav__heading {
color:#8E8E8E; text-align:center; width:inherit; display:block;
} .in-view {
font-weight:bold; color: #14869f;
} a.scroll-nav__link:link {
text-decoration:none; color:inherit;
} ol.scroll-nav__list {
color:#8E8E8E;
}
/* @end */