html, body {
margin: 0;
padding: 0;
padding-top: 50px;
height: 100%;
}
table td {
padding: 5px;
text-align:left;
}
.hero-unit {
background-image:url('/images/DarwinTree.gif');
opacity: 0.4;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center bottom;
height: 300px;
}
.onezoom {
margin: 10px;
}
.main {
position: relative;
min-height: 100%;
}
.content {
padding-bottom: 125px;
}
.footer {
position: absolute;
bottom:0;
width: 100%;
left:0;
background-color: #999999;
height: 100px;
}
@media (max-width: 767px) {
.footer {
padding-left: 20px;
padding-right: 20px;
}
}
h1.hero-text {
font-size: 6em;
position: absolute;
z-index: 10;
width: inherit;
}
.logos img {
max-width: 20%;
max-height: 80px;
padding: 10px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,#greyscale");
}
.logos {
max-width:800px;
margin: auto;}
.listsContainer{margin-left:5em}
.listTable{border: 1pt solid #bbb;}
.speciesContainer {height:400px; border-radius: 4pt;overflow-y:scroll; margin: 5px;text-align:left;border: 1pt solid black;}
.species {height:400px;width:50%;overflow-y:scroll; overflow-x:hidden; text-align:left;}
.selectedContainer{height:400px; border-radius: 4pt;border:1pt solid black; overflow-y:scroll; margin: 5px; overflow-x:hidden; padding: 0}
.selectedContainer textarea { margin: 5px; width: 100%; height: 100%; resize: none; border: 0; }
.selectLabels{-webkit-touch-callout: none;-webkit-user-select: none;}
#baseTreeName { border-bottom: 1px dashed #999; }
.well.well-lg { background-color: #fff; }
#status { margin-top: 15px; }
.alert a { color: darkslategray; }
hr.with-margin { margin-bottom: 40px; }