ucsc-xena-datapages/css/datapages.css

Data summary views for UCSC xena servers

/* default elements */

/* Layout */

.datapages {
	padding-bottom: 115px;
	height: 100%;
	min-height: 100vh;
	position: relative;
	margin: 0;
	font-family: 'Roboto', Arial, Verdana,'Lucida Grande', Verdana, Helvetica, sans-serif;
}


.datapages {
	background-color:#ffffff;
	list-style: none;
	line-height: 130%;
	color: #333;
}

/*
body #footer ul {
padding-left: 0;
}
*/

.datapages ul {
	padding-left: 40px;
}

.datapages a {
color: #2d6da4;
text-decoration: none;
}

.datapages a:hover
{
color:#ff6600;
font-style:normal;
text-decoration:underline;
}

.datapages pre {
display: block;
white-space: pre-wrap;
background:#F5F5F5;
padding: 10px;
}

.datapages hr {
border: 0;
border-top: 1px solid #eee;
}

.datapages h2, .datapages h3, .datapages h4 {
	font-weight: bold;
	color: #515151;
	line-height: 130%;
}

.datapages li
{
margin-top: 5px;
margin-bottom: 5px;
}

.datapages label
{
color:#006600;
margin-left: 3px;
margin-right: 3px;
margin-top: 5px;
margin-bottom: 5px;
}

.datapages .cohortLink {
text-decoration: underline;
}

.datapages .textLink
{
margin-right: 20px;
margin-bottom: 10px;
display: inline-block;
}

.datapages labelsameLength
{
margin-top: 5px;
margin-bottom: 5px;
display: inline-block;
width: 150px;
}

.datapages resultsameLength
{
display: inline-block;
width: 70%;
vertical-align: middle;
margin-top: 5px;
margin-bottom: 5px;
font-size: 0.9em;
}

.datapages resultsameLength u {
text-decoration: none;
}


.datapages summary
{
color:#505050;
margin-top: 5px;
font-size: 0.8em;
}

.datapages .line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -moz-box-orient: vertical;
  overflow: hidden;
}

.datapages #sidebar {
float:right;
margin-left: auto;
margin-right: 15px;
width: 20%;
}

.datapages #cohort,.datapages #dataType,.datapages #dataset,.datapages #description,.datapages #samples,.datapages #host,.datapages #hub
{
margin-left: auto;
margin-right: 40px;
width: 80%;
}

.datapages .hubinfo
{
margin-left: auto;
margin-right: auto;
width: 60%;
}

.datapages #cohortList a
{
margin-top:15px;
margin-bottom:15px;
display: inline-block;
}

.datapages #bigDataSnippet
{
  width:95%;
  margin-left: auto;
  margin-right: auto;
}

.datapages #dataType header,.datapages #samples header,.datapages #others header
{
font-size:1.2em;
}

.datapages .vizbutton
{
padding: 3px 6px;
font-size:small;
margin: 5px 10px;
vertical-align: middle;
border: 1px solid #AFAFAF;
background: linear-gradient(#ddd, #f5f5f5);
}

.datapages .vizbutton:hover {
  color:#ff6600;
}

.datapages .dataSnippetTable
{
border-collapse:collapse;
width: 100%;
}

.datapages .dataSnippetTable tr td {
border: 5px solid rgb(225,225,225);
text-align: right;
word-wrap: break-word;
color: #505050;
font-size: 85%;
max-width: 100px;
min-width: 30px;
}

.datapages .star {
color: red;
font-size: 1.5em;
padding-left: 2px;
display: inline-block;
}