html,body{ margin:0; padding:0; } body { text-align: center; background-color: #ffffff; min-width: 757px; min-height: 710px; } td.weekly { font-size: 11px; padding-right: 5px; } div.index_wrap { width: 100%; margin-top: 16px; } div.index_header { width: 950px; margin: auto; white-space: nowrap; margin-top: 15px; margin-bottom: 45px; padding: 25px 25px 10px 25px; text-align: center; } div.index_slogan { font-size: 15px; line-height: 25px; color: #6C6C6C; margin-bottom: 25px; } div.index_slogan span { font-size: 21px; font-weight: bold; } div.index_body { width: 1000px; margin: auto; } div.margin_bottom { margin-bottom: 12px; } div.frontimage div, div.frontimage span { /*font-style: italic; */ text-align: left; position: absolute; bottom: 0; } div.frontimage div.index_light, div.frontimage span.index_light { left: 5px; color: #000000; } div.frontimage div.index_dark, div.frontimage span.index_dark { left: 5px; color: #FFFFFF; } a.roundedatlas { display: inline-block; position: relative; width: 240px; text-align: center; margin-bottom: 15px; margin-left: 9px; } a.roundedatlas:first-child { margin-left: 0px; } a.roundedatlas > div { height: 160px; border-radius: 7px; background-size: 241px 105px; background-position: -1px 18px; background-repeat: no-repeat; } a.roundedatlas div div { position: absolute; top: 0px; left: 0px; width: 100%; height: 18px; padding-top: 2px; text-decoration: none; /*color: black;*/ border-top-left-radius: 7px; border-top-right-radius: 7px; font-size: 11px; letter-spacing: 2px; line-height: 17px; } a.roundedatlas div div.atlas_desc, a.roundedatlas div div.atlas_desc_bg { color: #000000; font-size: 10px; top: 125px; letter-spacing: normal; line-height: 13px; height: 50px; border-top-left-radius: 0px; border-top-right-radius: 0px; width: 234px; padding: 3px 3px; } a.roundedatlas div div.atlas_desc_bg { background-color: #fff; opacity: 0.8; top: 123px; width: 100%; } a.knowledge_focus { display: inline-block; position: relative; width: 150px; text-align: center; margin-bottom: 15px; margin-left: 10px; } a.knowledge_focus:hover { text-decoration: none; } a.knowledge_focus img { width: 70%; } DIV.roundedbanner { position: relative; width: 720px; height: 40px; border-radius: 7px; background-repeat: no-repeat; margin: auto; text-align: center; } DIV.roundedbanner div { position: absolute; top: 11px; left: 0px; width: 720px; height: 29px; text-decoration: none; color: white; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; font-size: 17px; font-weight: 400; font-family: Tahoma, Geneva, sans-serif; letter-spacing: 1px; line-height: 17px; } DIV.roundedsupp { width: 120px; height: 40px; background-color: #f2f2f2; margin: auto; text-align: center; border-radius: 7px; } DIV.roundedsupp DIV { display: table-cell; vertical-align: middle; } DIV.roundedsupp.black { background-color: #000; } div.newsbox { width: 220px; height: 200px; margin-left: 10px; padding: 10px 10px 5px 10px; text-align: left; position: relative; overflow: auto; display: inline-block; } div.newsbox span.smallnewsheader { font-size: 14px; line-height: 14px; } div.newstext { position: absolute; font-size: 10px; font-weight: normal; color: #000; display: block; margin-top: 5px; width: 220px; } div.newstextfade { } div.newsimage { display: block; position: absolute; bottom: 20px; left: 0px; width: 100%; height: 75px; background-size: 110%; background-repeat: no-repeat; background-position: -10px -20px; } div.newsimagefade { position: absolute; top: 0px; left: 0px; width: 100%; height: 20px; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0.18280815744266454) 0%, rgba(242,242,242,1) 49%, rgba(242,242,242,1) 100%); /*background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(70%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);*/ } a.newslink { float: right; padding-right: 7px; padding-top: 3px; font-size: 10px; } span.index_proteome_header { font-family: Tahoma, Geneva, sans-serif; text-decoration: none; color: #979797; font-size: 24px; font-weight: bold; line-height: 26px; float: left; padding: 10px 5px 5px 10px; width: 340px; } span.index_proteome_header.white { width: 250px; } span.index_proteome_header p { display: inline; color: #5a5a5a; } span.index_proteome_header span { color: #000; font-size: 11px; font-weight: normal; font-style: italic; line-height: 14px; } span.index_proteome_header.white span { color: #fff; } span.index_proteome_header span a { padding: 10px 5px 5px 10px; } .index_proteome_link:hover { text-decoration: underline; color: #58b5ec; } .index_proteome_link { text-decoration: none; color: #3777bc; font-size: 11px; } /* Chrome, Safari, Opera */ @-webkit-keyframes movebackground { 0% {-webkit-transform: matrix(0.8,0,0,0.8, 0,-40)} 50% {-webkit-transform: matrix(1.0,0,0,1.0,-200,-20)} 100% {-webkit-transform: matrix(0.8,0,0,0.8, 0,-40)} } /* Standard syntax */ @keyframes movebackground { 0% {transform: matrix(0.8,0,0,0.8, 0,-40)} 50% {transform: matrix(1.0,0,0,1.0,-200,-20)} 100% {transform: matrix(0.8,0,0,0.8, 0,-40)} } .transparentcorner { position: absolute; background: url('/images_static/white_transparent_corner_top_left.png') no-repeat; z-index: 3; } .transparentcorner.top_left { top: 0px; left: 0px; } .transparentcorner.top_right{ top:0px; right: 0px; transform: rotate(90deg); -webkit-transform: rotate(90deg); } .transparentcorner.bottom_right { bottom: 0px; right: 0px; transform: rotate(180deg); -webkit-transform: rotate(180deg); } .transparentcorner.bottom_left{ bottom: 0px; left: 0px; transform: rotate(270deg); -webkit-transform: rotate(270deg); } .shadedblock { background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 62%, rgba(0,0,0,0) 100%); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 62%, rgba(0,0,0,0) 100%); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 62%, rgba(0,0,0,0) 100%); /* For Firefox 3.6 to 15 */ background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 62%, rgba(0,0,0,0) 100%); /* Standard syntax */ position: absolute; top: 0px; left: 0px; display: inline; z-index: 2; } .textblock { position: absolute; top: 5px; left: 5px; display: inline; z-index: 4; } /* Index footer */ div.index_footer { width: 950px; margin: auto; white-space: nowrap; margin-top: 35px; padding: 15px 25px; /*border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;*/ text-align: right; } div.index_footer span { border-radius: 6px; display: block; position: relative; width: 160px; font-weight: bold; margin: 2px; } div.index_footer .social_link { display: inline-block; margin-left: 1px; margin-top: 15px; } div.index_footer .social_link:hover { opacity: 0.6; cursor: pointer; } div.index_footer span a:hover { color: #000000; text-decoration: none; } div.index_footer span a { color: #6C6C6C; text-decoration: none; display: block; padding: 4px 0; font-size: 12px; } div.index_footer div { display: inline-block; padding-top: 6px; float: left; } div.index_footer div.atlasversion { float: none; padding-top: 5px; font-size: 11px; text-align: right; } /* next, prev carousel buttons */ div.carousel { display: inline-block; } div.navbutton { z-index: 1000; position: absolute; width: 24px; height: 48px; cursor: pointer; top: 83px; display: none; } div.navbutton svg { width: 24px; } div.navbutton svg path.arrow { fill: #888; } div.navbutton svg path.bg { fill: #fff; } div.navbutton svg:hover path.arrow { opacity: 50%; } div.prev_button { left: 0; } div.next_button { right: 0; } /* .video-bg { position: absolute; left: 251px; top: 0px; z-index: 1; border-radius: 7px; background: url('/images_static/cell_proteome.jpg') center center / cover no-repeat; } .video-bg__video { width: 416px; height: 204px; border-radius: 7px; } @media (max-width: 416px) { .video-bg { background: url('/images_static/cell_proteome.jpg') center center / cover no-repeat; } .video-bg__video { display: none; } } */