372 lines
7.4 KiB
CSS
372 lines
7.4 KiB
CSS
@font-face{font-family:'DINWebRegular';src:url(fonts/DINWeb.eot);src:local('☺'),url(fonts/DINWeb.woff) format('woff'),url(fonts/dinpro-regular-webfont.ttf) format('truetype'),url(fonts/dinpro-regular-webfont.svg#webfontvugT94qN) format('svg');font-weight:normal;font-style:normal}
|
|
@font-face{font-family:'DINWebLight';src:url(fonts/DINWeb-Light.eot);src:local('☺'),url(fonts/DINWeb-Light.woff) format('woff'),url(fonts/dinpro-light-webfont.ttf) format('truetype'),url(fonts/dinpro-light-webfont.svg#webfontaaHewQlQ) format('svg');font-weight:normal;font-style:normal}
|
|
@font-face{font-family:'DINWebBold';src:url(fonts/DINWeb-Bold.eot);src:local('☺'),url(fonts/DINWeb-Bold.woff) format('woff'),url(fonts/dinpro-bold-webfont.ttf) format('truetype'),url(fonts/dinpro-bold-webfont.svg#webfontOQQc9qcQ) format('svg');font-weight:normal;font-style:normal}
|
|
|
|
body {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
background-color: rgb(229, 229, 229);
|
|
background-image: linear-gradient(rgb(172, 172, 172) 50%, rgb(229, 229, 229) 100%);
|
|
background-repeat: no-repeat;
|
|
min-height: 100%;
|
|
font-family: 'Trebuchet MS', Arial, sans-serif;
|
|
}
|
|
|
|
.header_menu a, .header_menu a:hover, .header_menu a:visited,
|
|
.left_menu a, .left_menu a:hover, .left_menu a:visited {
|
|
color: inherit;
|
|
text-decoration: inherit;
|
|
}
|
|
|
|
.header_logo {
|
|
background-color: #041a9b;
|
|
width: 100%;
|
|
height: 42px;
|
|
margin: 0px;
|
|
color: #ffffff;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: white;
|
|
border-bottom-width: 1px;
|
|
}
|
|
|
|
.header_logo img {
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.header_menu {
|
|
text-align: center;
|
|
height: 34px;
|
|
background-image:linear-gradient(#777 20%, #445 100%);
|
|
vertical-align: bottom;
|
|
box-shadow: 2px 2px 5px #666;
|
|
margin-bottom: 0px;
|
|
}
|
|
.header_menu li {
|
|
padding-top: 4px;
|
|
padding-bottom: 8px;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
font-family: DinWebLight, 'Trebuchet MS', sans-serif;
|
|
font-size: 12pt;
|
|
font-style: normal;
|
|
font-variant: normal;
|
|
font-weight: normal;
|
|
color: white;
|
|
display: inline-block;
|
|
text-shadow: 2px 0px 5px black;
|
|
}
|
|
|
|
.header_menu li:hover {
|
|
background-image:linear-gradient(#ccd 20%, #90add4 100%);
|
|
color: black;
|
|
}
|
|
|
|
.left_menu {
|
|
display: inline-block;
|
|
background-color: #333;
|
|
color: #ccc;
|
|
padding: 20px;
|
|
padding-top: 0px;
|
|
width: 200px;
|
|
box-shadow: 2px 2px 5px #666;
|
|
border-radius: 0px 0px 0px 5px;
|
|
font-family: DinWebLight, 'Trebuchet MS', sans-serif;
|
|
font-style: normal;
|
|
font-variant: normal;
|
|
font-weight: normal;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.left_menu h1 {
|
|
font-family: DinWebNormal, 'Trebuchet MS', sans-serif;
|
|
font-weight: bold;
|
|
font-variant: small-caps;
|
|
text-decoration: underline;
|
|
font-size: 16pt;
|
|
color: #eee;
|
|
margin-top: 20px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.left_menu li {
|
|
margin-bottom: 7px;
|
|
margin-left: 5px;
|
|
list-style-type: none;
|
|
}
|
|
.left_menu li.article {
|
|
font-size: 12px;
|
|
border-bottom-style: dotted;
|
|
border-bottom-color: #ccc;
|
|
border-bottom-width: 1px;
|
|
padding-bottom: 5px;
|
|
}
|
|
.left_menu li:hover{
|
|
color: #fff;
|
|
}
|
|
|
|
.segment {
|
|
width: 950px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.content {
|
|
display: inline-block;
|
|
width: 640px;
|
|
background-color: white;
|
|
margin-left: -4px;
|
|
margin-top: 0px;
|
|
margin-bottom: 20px;
|
|
padding-bottom: 20px;
|
|
padding-top: 10px;
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
box-shadow: 2px 2px 5px #666;
|
|
border-radius: 0px 0px 5px 5px;
|
|
text-align: justify;
|
|
word-wrap: break-word;
|
|
vertical-align: baseline;
|
|
color: #2b2b2b;
|
|
font-family: Lato, sans-serif;
|
|
font-style: normal;
|
|
font-variant: normal;
|
|
font-weight: normal;
|
|
font-size: 16px;
|
|
min-height: 600px;
|
|
}
|
|
|
|
.content h1, .content h2, .content h3, .content h4 {
|
|
font-family: DinWebNormal, 'Trebuchet MS', sans-serif;
|
|
font-weight: bold;
|
|
font-variant: small-caps;
|
|
text-decoration: underline;
|
|
text-align: center;
|
|
}
|
|
|
|
.content h1 {
|
|
font-size: 28px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.content h2 {
|
|
font-size: 22px;
|
|
}
|
|
.content h3 {
|
|
font-size: 18px;
|
|
}
|
|
.content h4 {
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
}
|
|
.content p {
|
|
margin-left: 50px;
|
|
margin-right: 50px;
|
|
line-height: 24px;
|
|
}
|
|
.content pre {
|
|
margin-left: 50px;
|
|
margin-right: 50px;
|
|
}
|
|
.content iframe {
|
|
margin-left: 50px;
|
|
margin-right: 50px;
|
|
}
|
|
.content li {
|
|
margin-bottom: 7px;
|
|
margin-top: 3px;
|
|
}
|
|
.content ul {
|
|
margin-left: 40px;
|
|
margin-right: 40px;
|
|
}
|
|
.content ul ul {
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
}
|
|
.content img, .content table {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.content table {
|
|
border-spacing: 0px;
|
|
text-align: center;
|
|
}
|
|
.content table thead th {
|
|
border-bottom: thin solid black;
|
|
margin-bottom: 0px;
|
|
}
|
|
.content table td + td, .content table th + th {
|
|
border-left: thin solid black;
|
|
margin-left: 0px;
|
|
}
|
|
.content table th, .content table td {
|
|
margin: 0px;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
|
|
.content strong {
|
|
font-family: 'Trebuchet MS', sans-serif;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.content a, .content a:visited {
|
|
color: #040a6b;
|
|
}
|
|
|
|
.logo_text {
|
|
font-family: Lato, sans-serif;
|
|
font-size: 40px;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
vertical-align: baseline;
|
|
color: black;
|
|
}
|
|
|
|
.person_list .person {
|
|
margin-top: 5px;
|
|
margin-bottom: 7px;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
font-size: 13pt;
|
|
font-weight: bold;
|
|
border-bottom-color: #ccc;
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
padding-bottom: 5px;
|
|
}
|
|
.person_list .person .affiliation, .person_list .person .status {
|
|
float: right;
|
|
font-size: 10pt;
|
|
font-weight: normal;
|
|
vertical-align: center;
|
|
}
|
|
.person_list a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.paper_list ul {
|
|
padding-left: 40px;
|
|
padding-right: 40px;
|
|
}
|
|
.paper_list li {
|
|
margin-top: 20px;
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
font-size: 15px;
|
|
list-style-type: none;
|
|
line-height: 20px;
|
|
}
|
|
.paper_list li .title {
|
|
font-size: 17px;
|
|
font-weight: bold;
|
|
line-height: 22px;
|
|
}
|
|
.paper_list li .authors {
|
|
color: #041a9b;
|
|
margin-left: 10px;
|
|
}
|
|
.paper_list li .authors .lab_member {
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
.paper_list li .metadata {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
|
|
.grants ul {
|
|
padding-left: 40px;
|
|
padding-right: 40px;
|
|
}
|
|
.grants li {
|
|
margin-top: 20px;
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
font-size: 15px;
|
|
list-style-type: none;
|
|
line-height: 20px;
|
|
}
|
|
.grants li .title {
|
|
font-size: 17px;
|
|
font-weight: bold;
|
|
line-height: 22px;
|
|
}
|
|
.grants li .section {
|
|
font-size: 12px;
|
|
}
|
|
.grants li .section .title {
|
|
color: #041a9b;
|
|
margin-left: 10px;
|
|
}
|
|
.grants li .section .lab_member {
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.article .navigation {
|
|
margin-top: 10px;
|
|
margin-left: 60px;
|
|
margin-right: 60px;
|
|
margin-bottom: 10px;
|
|
line-height: 40px;
|
|
vertical-align: middle;
|
|
font-size: 12px;
|
|
}
|
|
.article .navigation a {
|
|
color: #041a9b;
|
|
}
|
|
.article .navigation .arrow {
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
padding-bottom: 4px;
|
|
}
|
|
.article h1.title {
|
|
clear: both;
|
|
text-decoration: none;
|
|
margin-bottom: 0px;
|
|
padding-bottom: 0px;
|
|
font-variant: normal;
|
|
}
|
|
.article h2.byline {
|
|
text-decoration: none;
|
|
font-size: 14px;
|
|
margin-top: 0px;
|
|
padding-top: 0px;
|
|
margin-bottom: 30px;
|
|
font-variant: normal;
|
|
}
|
|
|
|
.person .project_list {
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color: #041a9b;
|
|
}
|
|
.person img.photo {
|
|
float: right;
|
|
border: solid 2px gray;
|
|
margin-right: 50px;
|
|
margin-left: 30px;
|
|
margin-bottom: 30px;
|
|
}
|
|
.person .paper_list {
|
|
margin-left: 50px;
|
|
margin-right: 50px;
|
|
}
|
|
.person .links {
|
|
text-align: center;
|
|
}
|
|
.person .links a {
|
|
font-size: 12px;
|
|
color: #041a9b;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
text-decoration: none;
|
|
} |