html {
width: 100%;
}
body {
background: #fff;
margin: 0;
width: 100%;
}
#data-connections.panel {
max-width: 850px;
width: 100%;
}
.panel-body {
width: 100%;
}
.left-arrow, .right-arrow {
background: rgba(0, 0, 0, 0) url("images/arrows.png") no-repeat scroll left center;
cursor: pointer;
height: 100%;
position: absolute;
top: 0;
width: 23px;
}
.right-arrow {
background-position: right center;
right: 0;
}
.scrolls-container {
left: 0;
min-height: 100px;
position: relative;
transition: left 0.2s linear 0s;
width: 3280px;
}
.test-container {
left: 50%;
min-height: 100px;
position: relative;
}
.scroll.selected {
color: rgb(202, 73, 12);
font-size: 16px;
font-weight: bold;
}
.timeline-content {
height: 440px;
position: relative;
}
.timeline-table {
background: rgba(0, 0, 0, 0) url("images/dash.png") repeat-x scroll left 10px;
left: 0;
overflow: hidden;
position: relative;
width: 100%;
}
.scroll-content img.small {
float: none;
margin-right: 0;
max-height: 270px;
}
.scroll {
background: rgba(0, 0, 0, 0) url("images/point.png") no-repeat scroll center 5px / 11px auto;
border-left: medium none;
color: rgb(34, 34, 34);
cursor: pointer;
float: left;
font-size: 14px;
height: 55px;
left: -40px;
padding: 20px 10px 0;
position: relative;
text-align: center;
transition: all 0.2s linear 0s;
width: 60px;
}
.scroll-content {
background-color: #dfffe8;
border-radius: 10px;
color: rgb(34, 34, 34);
height: 403px;
margin: 0 auto;
max-width: 700px;
min-height: 210px;
padding: 10px;
text-align: center;
width: 80%;
}
.scroll-content img {
float: left;
margin-right: 15px;
max-height: 280px;
max-width: 300px;
}
.credits-pair .credits {
display: inline-block;
width: 208px;
}
.scroll-event {
margin-bottom: 20px;
}
.scroll-description {
font-size: 14px;
margin: 5px 0;
text-align: left;
}
.scroll-description.only-text {
font-size: 16px;
margin-top: 120px;
padding: 0 70px;
text-align: justify;
}
.scroll-event.large-margin {
margin-bottom: 35px;
}
.scroll-content-data {
font-weight: bold;
padding-bottom: 20px;
}
.credits {
clear: both;
font-size: 12px;
padding-top: 3px;
text-align: left;
}
.left-gradient {
background: rgba(0, 0, 0, 0) url("images/left-gradient.png") no-repeat scroll 0 0;
height: 100px;
left: 0;
position: absolute;
top: 0;
width: 80px;
}
.right-gradient {
background: rgba(0, 0, 0, 0) url("images/right-gradient.png") no-repeat scroll 0 0;
height: 100px;
position: absolute;
right: 0;
top: 0;
width: 80px;
}
#idm4310144 {
display: none;
}
#digfir_section_0 [data-layout-width=small] img {
max-width: 195px;
}
@media only screen and (max-width: 1060px){
[data-type="figure"][data-layout-border="false"], [data-layout-width="medium"] img {
max-width: 195px;
}
#digfir_section_0 [data-layout-width=small] img {
height: 205px;
width: 174px;
}}
[data-block_type="activity_title"] p {
color: #00a9ac;
font-family: "Josefin Slab",serif;
font-size: 1.4em;
font-weight: 600;
line-height: 1.2em;
max-width: 1060px;
}
[data-block_type="margin_bottom"] p {
color: #8c9eb6;
float: left;
font-size: 1.4em;
line-height: 1.7em;
margin-bottom: 40px;
margin-top: 1em;
max-width: 1060px;
}
[data-type="figure_text"] {
margin-bottom: 0px;
}
@media only screen and (max-width: 360px) {
[data-block_type="activity_title"] p {
font-size: 26px;
}
[data-block_type="margin_bottom"] p {
font-size: 16px;
}
iframe {
display: block;
height: 750px;
}
}