.learnbody { position: relative; width: 650px; padding: 30px 10px 10px 10px; line-height: 1.5; } .learnbody .menufix { position: absolute; width: 181px; left: -200px; top: 30px; z-index: 1; } .learnbody .menufix div { padding-top: 10px; padding-bottom: 10px; background-color: #D9D9D9; border-radius: 6px; margin-bottom: 15px; } .learnbody .menufix div a { display: block; padding: 3px 10px 3px 20px; } .learnbody .menufix div a:hover { background-color: #c5dfbc; } .learnbody .menufix div a.h1 { font-weight: bold; padding-left: 8px; } .learnbody.tissue { width: 730px; } .learnbody.cancer { width: 850px; } .learnbody.brain { width: 820px; } .learnbody.immunecell { width: 690px; } .learnbody.blood { width: 720px; } .learnbody.cell { width: 744px; } .learnbody.cellline { width: 1050px; } .learnbody.singlecell, .learnbody.celltype { width: 900px; } .learnbody.tissuecelltype { width: 760px; } .learnbody.interaction, .learnbody.structureinteraction { width: 720px; } .learnbody.about, .learnbody.method { width: 730px; } .learnbody.proteinclasses { width: 890px; } .learnbody.proteinclasses .pcTreemap svg { width: 330px; height: auto; margin: 5px 30px; } .learnbody.proteinevidence { width: 850px; } .learnbody.dictionary { width: 820px; } .learnbody.dictionary.overview { width: 1050px; } .learnbody h1, h2, h3, h4 { font-size: 18px; display: block; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #6C6C6C; position: relative; } .learnbody h1:first-of-type { margin-bottom: 25px; } .learnbody h1 span { font-size: 18px; } .learnbody h2, h3, h4 { font-size: 14px; margin-bottom: 10px; } .learnbody h4 { border-bottom: none; padding-bottom: 0px; } .learnbody p { margin-top: 12px; margin-bottom: 12px; } .learnbody span.infoTerm { cursor: help; text-decoration: underline dotted; } .learnbody table td { padding: 2px 5px 2px 5px; background-color: #d9d9d9; border-color: #d2d2d2; line-height: 1.5; } .learnbody table th { background-color: #c2c2c2; border-color: #c2c2c2; } .learnbody div.column1 { box-sizing: border-box; width: 50%; float: left; clear: left; padding-right: 6px; } .learnbody div.column2 { box-sizing: border-box; width: 50%; float: left; clear: right; padding-left: 6px; } .learnbody div.clear { clear: both; } .learnbody span.atlasImage, .learnbody span.staticImage { text-align: center; display: inline-block; } .learnbody span.staticImage.block, .learnbody span.staticImage.block > span:first-of-type, .learnbody span.staticImage.block > a:first-of-type { display: block; } .learnbody span.atlasImage > a, .learnbody span.staticImage > span:first-of-type, .learnbody span.staticImage > a:first-of-type { position: relative; display: inline-block; background-repeat: no-repeat; background-position: 50%; } .learnbody span.atlasImage > a, .learnbody span.staticImage.round > span:first-of-type, .learnbody span.staticImage.round > a:first-of-type { border-radius: 7px; } .learnbody span.staticImage.black > span:first-of-type, .learnbody span.staticImage.black > a:first-of-type { background-color: #000; } .learnbody span.atlasImage > span, .learnbody span.staticImage > span { line-height: 11px; font-size: 11px; font-weight: bold; } .learnbody.tissue > .column2, .learnbody.celltype > .column2, .learnbody.tissuecelltype > .column2 { background-color: #f2f2f2; border-radius: 7px; margin-top: 12px; margin-left: 12px; width: 40%; padding-right: 25px; } .learnbody.tissue > .column2 ~ .column2, .learnbody[markdown_name='/humanproteome/tissue/regulatory'].tissue > .column2, .learnbody[markdown_name='/humanproteome/tissue/druggable'].tissue > .column2, .learnbody[markdown_name='/humanproteome/tissue/housekeeping'].tissue > .column2 { background-color: transparent; border-radius: 0px; margin: 0px; padding-right: 0px; width: 50%; } .learnbody[markdown_name='/humanproteome/single cell type/dataset comparison'].celltype > .column2 { margin: 0px; padding-right: 0px; width: 50%; } .learnbody .hk_treemap { width: 230px; height: 200px; display: inline-block; } .learnbody .hk_treemap svg { width: 100%; height: auto; } .learnbody.cell > .column2 { position: relative; left: -100px; top: 50px; } .learnbody.cell > .column2 ~ .column2 { left: 0px; top: 0px; } /* organell page example images */ .learnbody.cell span.examples { font-size: 0; line-height: 6px; } .learnbody.cell span.examples a { width: 120px!important; height: 120px!important; background-size: 120px 120px!important; } .learnbody.cell span.examples span.atlasImage { position: relative; margin-right: 5px; } .learnbody.cell span.examples span.atlasImage span { color: #fff; font-weight: normal; position: absolute; left: 0px; bottom: 2px; width: 100%; } .learnbody[markdown_name='/learn/method/flow cytometry'] ol { list-style-type: upper-alpha; } .learnbody[markdown_name='/learn/method/immunohistochemistry'] table { margin: auto; } .learnbody[markdown_name='/learn/method/immunohistochemistry'] table td, .learnbody[markdown_name='/learn/method/immunohistochemistry'] table th { background-color: #fff; vertical-align: middle; } .learnbody[markdown_name='/learn/method/immunohistochemistry'] table th { text-align: center; } .learnbody[markdown_name='/learn/method/immunohistochemistry'] table td:first-of-type { text-align: right; } .learnbody h1:first-of-type:after { content: ""; position: absolute; right: -2px; top: 10px; width: 51px; height: 51px; background-repeat: no-repeat; background-size: auto 51px; } .learnbody[markdown_name^='/humanproteome/single cell/tf/single cell type'] { width:1400px; background-color:green; } /* H1 ICONS */ /* tissue & cancer */ .learnbody[markdown_name='/humanproteome/tissue/pituitary gland'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/brain/human brain'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/mouse brain'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/glioblastoma multiforme'] h1:first-of-type:after { background-image: url('/images_learn/icons/brain.png'); } .learnbody[markdown_name='/humanproteome/tissue/adrenal gland'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/parathyroid gland'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/thyroid gland'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/thyroid carcinoma'] h1:first-of-type:after { background-image: url('/images_learn/icons/endocrine.png'); } .learnbody[markdown_name='/humanproteome/tissue/lung'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/lung ac'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/lung sqcc'] h1:first-of-type:after { background-image: url('/images_learn/icons/lung.png'); } .learnbody[markdown_name='/humanproteome/tissue/bone marrow'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/lymphoid tissue'] h1:first-of-type:after { background-image: url('/images_learn/icons/hematopoietic.png'); } .learnbody[markdown_name='/humanproteome/tissue/liver'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/gallbladder'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/liver hepatocellular carcinoma'] h1:first-of-type:after { background-image: url('/images_learn/icons/liver.png'); } .learnbody[markdown_name='/humanproteome/tissue/testis'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/epididymis'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/seminal vesicle'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/ductus deferens'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/prostate'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/testis cancer'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/testicular germ cell tumor'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/prostate ac'] h1:first-of-type:after { background-image: url('/images_learn/icons/male.png'); } .learnbody[markdown_name='/humanproteome/tissue/adipose tissue'] h1:first-of-type:after { background-image: url('/images_learn/icons/adipose.png'); } .learnbody[markdown_name='/humanproteome/tissue/heart'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/skeletal muscle'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/smooth muscle'] h1:first-of-type:after { background-image: url('/images_learn/icons/muscle.png'); } .learnbody[markdown_name='/humanproteome/tissue/salivary gland'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/esophagus'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/tongue'] h1:first-of-type:after { background-image: url('/images_learn/icons/proximal_digestive_tract.png'); } .learnbody[markdown_name='/humanproteome/tissue/stomach'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/intestine'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/stomach ac'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/colon ac'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/rectum ac'] h1:first-of-type:after { background-image: url('/images_learn/icons/gastro.png'); } .learnbody[markdown_name='/humanproteome/tissue/pancreas'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/pancreatic ac'] h1:first-of-type:after { background-image: url('/images_learn/icons/pancreas.png'); } .learnbody[markdown_name='/humanproteome/tissue/kidney'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/urinary bladder'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/kidney chromophobe'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/kidney renal clear cell carcinoma'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/kidney renal papillary cell carcinoma'] h1:first-of-type:after { background-image: url('/images_learn/icons/kidney.png'); } .learnbody[markdown_name='/humanproteome/tissue/breast'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/vagina'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/cervix'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/endometrium'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/fallopian tube'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/ovary'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/placenta'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/breast invasive carcinoma'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/uterine corpus endometrial carcinoma'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/ovary serous cystadenocarcinoma'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/cervical sqcc and endocervical ac'] h1:first-of-type:after { background-image: url('/images_learn/icons/female.png'); } .learnbody[markdown_name='/humanproteome/tissue/skin'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/cancer/skin cuteneous melanoma'] h1:first-of-type:after { background-image: url('/images_learn/icons/skin.png'); } .learnbody[markdown_name='/humanproteome/tissue/eye'] h1:first-of-type:after, .learnbody[markdown_name='/humanproteome/tissue/retina'] h1:first-of-type:after { background-image: url('/images_learn/icons/eye.png'); } .learnbody[markdown_name='/humanproteome/cancer/head and neck sqcc'] h1:first-of-type:after { background-image: url('/images_learn/icons/headandneck.png'); } .learnbody[markdown_name='/humanproteome/cancer/bladder urothelial carcinoma'] h1:first-of-type:after { background-image: url('/images_learn/icons/bladder.png'); } .learnbody[markdown_name='/humanproteome/tissue/tissue specific'] h1:first-of-type:after { background-image: url('/images_learn/icons/tissuespecific.png'); width: 44px; top: 12px; } .learnbody[markdown_name='/humanproteome/tissue/housekeeping'] h1:first-of-type:after { background-image: url('/images_learn/icons/housekeeping.png'); width: 44px; top: 12px; } .learnbody[markdown_name='/humanproteome/tissue/housekeeping'] .piechart { display: inline-block; } .learnbody[markdown_name='/humanproteome/tissue/regulatory'] h1:first-of-type:after { background-image: url('/images_learn/icons/regulatory.png'); width: 44px; top: 12px; } .learnbody[markdown_name='/humanproteome/tissue/membrane proteome'] h1:first-of-type:after { background-image: url('/images_learn/icons/membrane_large.png'); width: 44px; top: 12px; } .learnbody[markdown_name='/humanproteome/tissue/secretome'] h1:first-of-type:after { background-image: url('/images_learn/icons/secretome_large.png'); width: 44px; top: 12px; } .learnbody[markdown_name='/humanproteome/tissue/isoform'] h1:first-of-type:after { background-image: url('/images_learn/icons/isoform.png'); width: 44px; top: 12px; } .learnbody[markdown_name='/humanproteome/tissue/druggable'] h1:first-of-type:after { background-image: url('/images_learn/icons/druggable.png'); width: 44px; top: 12px; } /* cancer */ .learnbody[markdown_name='/humanproteome/cancer/proteome'] h1:first-of-type:after { background-image: url('/images_learn/icons/cancer.png'); width: 44px; top: 12px; } .learnbody[markdown_name='/humanproteome/cancer/hallmarks of cancer'] h1:first-of-type:after { background-image: url('/images_learn/cancer_hallmark.png'); width: 50px; top: 12px; } .learnbody[markdown_name='/humanproteome/cancer/cancer statistics'] h1:first-of-type:after { background-image: url('/images_learn/humanpathology.png'); width: 20px; top: 12px; } /* cell */ .learnbody[markdown_name='/humanproteome/subcellular/cell line'] h1:first-of-type:after { background-image: url('/images_learn/icons/cell_line_transcriptome.png'); width: 44px; } .learnbody[markdown_name='/humanproteome/subcellular/organelle'] h1:first-of-type:after { background-image: url('/images_learn/icons/organelle_proteome.png'); width: 44px; } .learnbody[markdown_name='/humanproteome/subcellular/multilocalizing'] h1:first-of-type:after { background-image: url('/images_learn/icons/multilocalizing_proteome.png'); width: 44px; } .learnbody[markdown_name='/humanproteome/subcellular/cell cycle dependent'] h1:first-of-type:after { background-image: url('/images_learn/icons/cell_cycle_dependent_proteome.png'); width: 44px; } .learnbody[markdown_name='/humanproteome/subcellular/metabolic proteome'] h1:first-of-type:after { background-image: url('/images_learn/icons/metabolic_proteome.png'); width: 44px; } .learnbody[markdown_name='/humanproteome/subcellular/nuclear membrane'] h1:first-of-type:after { background-image: url('/images_learn/icons/nuclear_membrane.png'); } .learnbody[markdown_name='/humanproteome/subcellular/nucleoli'] h1:first-of-type:after { background-image: url('/images_learn/icons/nucleoli.png'); } .learnbody[markdown_name='/humanproteome/subcellular/nucleoplasm'] h1:first-of-type:after { background-image: url('/images_learn/icons/nucleoplasm.png'); } .learnbody[markdown_name='/humanproteome/subcellular/actin filaments'] h1:first-of-type:after { background-image: url('/images_learn/icons/actin_filaments.png'); } .learnbody[markdown_name='/humanproteome/subcellular/centrosome'] h1:first-of-type:after { background-image: url('/images_learn/icons/centrosome.png'); } .learnbody[markdown_name='/humanproteome/subcellular/cytosol'] h1:first-of-type:after { background-image: url('/images_learn/icons/cytosol.png'); } .learnbody[markdown_name='/humanproteome/subcellular/intermediate filaments'] h1:first-of-type:after { background-image: url('/images_learn/icons/intermediate_filaments.png'); } .learnbody[markdown_name='/humanproteome/subcellular/microtubules'] h1:first-of-type:after { background-image: url('/images_learn/icons/microtubules.png'); } .learnbody[markdown_name='/humanproteome/subcellular/mitochondria'] h1:first-of-type:after { background-image: url('/images_learn/icons/mitochondria.png'); } .learnbody[markdown_name='/humanproteome/subcellular/endoplasmic reticulum'] h1:first-of-type:after { background-image: url('/images_learn/icons/endoplasmic_reticulum.png'); } .learnbody[markdown_name='/humanproteome/subcellular/golgi apparatus'] h1:first-of-type:after { background-image: url('/images_learn/icons/golgi_apparatus.png'); } .learnbody[markdown_name='/humanproteome/subcellular/plasma membrane'] h1:first-of-type:after { background-image: url('/images_learn/icons/plasma_membrane.png'); } .learnbody[markdown_name='/humanproteome/subcellular/secreted proteins'] h1:first-of-type:after { background-image: url('/images_learn/icons/secreted_proteins.png'); } .learnbody[markdown_name='/humanproteome/subcellular/vesicles'] h1:first-of-type:after { background-image: url('/images_learn/icons/vesicles.png'); } /* methods */ .learnbody[markdown_name*='/learn/method/'] h1:first-of-type:after { width: 49px; } .learnbody[markdown_name='/learn/method/antibodypedia'] h1:first-of-type:after { background-image: url('/images_learn/icons/antibodypedia.png'); width: 48px; } .learnbody[markdown_name='/learn/method/elisa'] h1:first-of-type:after { background-image: url('/images_learn/icons/elisa.png'); } .learnbody[markdown_name='/learn/method/flow cytometry'] h1:first-of-type:after { background-image: url('/images_learn/icons/flow_cytometry.png'); } .learnbody[markdown_name='/learn/method/immunocytochemistry'] h1:first-of-type:after { background-image: url('/images_learn/icons/immunocytochemistry.png'); } .learnbody[markdown_name='/learn/method/immunoelectron microscopy'] h1:first-of-type:after { background-image: url('/images_learn/icons/immunoelectron_microscopy.png'); } .learnbody[markdown_name='/learn/method/immunohistochemistry'] h1:first-of-type:after { background-image: url('/images_learn/icons/immunohistochemistry.png'); } .learnbody[markdown_name='/learn/method/immunoprecipitation'] h1:first-of-type:after { background-image: url('/images_learn/icons/immunoprecipitation.png'); } .learnbody[markdown_name='/learn/method/immunoproteomics'] h1:first-of-type:after { background-image: url('/images_learn/icons/immunoproteomics.png'); } .learnbody[markdown_name='/learn/method/proximity ligation assay'] h1:first-of-type:after { background-image: url('/images_learn/icons/proximity_assays.png'); } .learnbody[markdown_name='/learn/method/western blot'] h1:first-of-type:after { background-image: url('/images_learn/icons/western_blot.png'); } .learnbody[markdown_name='/humanproteome/blood protein/secreted to blood'] h1:first-of-type:after { background-image: url('/images_learn/icons/secreted_blood.svg'); } .learnbody[markdown_name='/humanproteome/blood protein/secreted in brain'] h1:first-of-type:after { background-image: url('/images_learn/icons/secreted_brain.svg'); } .learnbody[markdown_name='/humanproteome/blood protein/secreted to digestive system'] h1:first-of-type:after { background-image: url('/images_learn/icons/secreted_digestive.svg'); } .learnbody[markdown_name='/humanproteome/blood protein/secreted in female reproductive system'] h1:first-of-type:after { background-image: url('/images_learn/icons/secreted_female.svg'); } .learnbody[markdown_name='/humanproteome/blood protein/immunoglobulin genes'] h1:first-of-type:after { background-image: url('/images_learn/icons/immunoglobulin.svg'); } .learnbody[markdown_name='/humanproteome/blood protein/intracellular and membrane'] h1:first-of-type:after { background-image: url('/images_learn/icons/intracellular_membrane.svg'); } .learnbody[markdown_name='/humanproteome/blood protein/secreted in male reproductive system'] h1:first-of-type:after { background-image: url('/images_learn/icons/secreted_male.svg'); } .learnbody[markdown_name='/humanproteome/blood protein/secreted - unknown location'] h1:first-of-type:after { background-image: url('/images_learn/icons/secreted_unknown.svg'); } .learnbody[markdown_name='/humanproteome/blood protein/secreted in other tissues'] h1:first-of-type:after { background-image: url('/images_learn/icons/secreted_other.svg'); } .learnbody[markdown_name='/humanproteome/blood protein/secreted to extracellular matrix'] h1:first-of-type:after { background-image: url('/images_learn/icons/secreted_matrix.svg'); } .learnbody[markdown_name='/humanproteome/single cell+type/glandular epithelial cells'] h1:first-of-type:after { background-image: url('/images_learn/icons/epithelial.svg'); } .learnbody[markdown_name='/humanproteome/single cell type/squamous epithelial cells'] h1:first-of-type:after { background-image: url('/images_learn/icons/squamous_epithelial.svg'); } .learnbody[markdown_name='/humanproteome/single cell type/specialized epithelial cells'] h1:first-of-type:after { background-image: url('/images_learn/icons/specialized_epithelial.svg'); } .learnbody[markdown_name='/humanproteome/single cell type/endocrine cells'] h1:first-of-type:after { background-image: url('/images_learn/icons/endocrine.svg'); } .learnbody[markdown_name='/humanproteome/single cell type/adipocytes'] h1:first-of-type:after { background-image: url('/images_learn/icons/adipocytes.svg'); } .learnbody[markdown_name='/humanproteome/single cell type/germ cells'] h1:first-of-type:after { background-image: url('/images_learn/icons/germ.svg'); } .learnbody[markdown_name='/humanproteome/single cell type/endothelial cells'] h1:first-of-type:after { background-image: url('/images_learn/icons/vascular.svg'); } .learnbody[markdown_name='/humanproteome/single cell type/pigment cells'] h1:first-of-type:after { background-image: url('/images_learn/icons/pigment.svg'); } .learnbody[markdown_name='/humanproteome/single cell type/undifferentiated cells'] h1:first-of-type:after { background-image: url('/images_learn/icons/undifferentiated.svg'); } .learnbody[markdown_name='/humanproteome/single cell type/neuronal cells'] h1:first-of-type:after { background-image: url('/images_learn/icons/neuronal.svg'); } .learnbody[markdown_name='/humanproteome/single cell type/glial cells'] h1:first-of-type:after { background-image: url('/images_learn/icons/glial.svg'); } .learnbody[markdown_name='/humanproteome/single cell type/trophoblast cells'] h1:first-of-type:after { background-image: url('/images_learn/icons/trophoblast.svg'); } .learnbody[markdown_name='/humanproteome/single cell type/muscle cells'] h1:first-of-type:after { background-image: url('/images_learn/icons/muscle.svg'); } .learnbody[markdown_name='/humanproteome/single cell type/mesenchymal cells'] h1:first-of-type:after { background-image: url('/images_learn/icons/mesenchymal.svg'); } .learnbody[markdown_name^='/humanproteome/single cell type/blood & immune cells' i] h1:first-of-type:after { background-image: url('/images_learn/icons/blood_cells.svg'); } .learnbody table.elevated_gene_table th.sub_head ~ td:first-of-type { border-left-style: none; } .learnbody table.elevated_gene_table tr:nth-of-type(3) { border-top: hidden; } .learnbody table.elevated_gene_table tr:nth-of-type(2) th:nth-child(3) { border-left: none; } .learnbody div.secretome_icon { position: relative; display: inline-block; line-height: 0; } .learnbody div.secretome_icon > a > svg { width: 51px; height: 59px; } .learnbody div.secretome_icon > a > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 41px; } table.stat { border-collapse: collapse; table-layout: fixed; width: 820px; border: 2px solid black; } table.stat td { font-size: 11px; white-space: nowrap; text-align: center; padding: 4px; } table.stat td.left { text-align: left; } table.stat td.white { background-color:#f5f5f5; font-weight: bold; font-size: 12px; } table.stat td.bold { font-weight: bold; } table.stat td.darkgray { background-color:#D8D8D8; } table.stat td.mediumgray { background-color:#ededed; } table.stat td.center_padd { text-align: right; padding-right: 30px; } table.stat td.center_padd_less { text-align: right; padding-right: 15px; } table.stat td.border_top { border-top: 2px solid black; border-collapse: collapse; } table.stat td.border_right { border-right: 2px solid black; border-collapse: collapse; } table.stat tr.odd td { background-color:#FFFFFF; } table.cellcycle { width: 100%; background-color:#FFFFFF; font-weight: bold; } table.cellcycle th, table.cellcycle td, table.cellcycle tr { font-size: 14px; white-space: nowrap; text-align: center; background-color:#FFFFFF; padding: 4px; } table.border tr.green td { background-color: #b4d7af; } .node circle { stroke: #000; stroke-width: 1.5px; } /* .node circle:hover { stroke: #3366ff; } */ .node .text { pointer-events: none; font: 300 11px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; white-space: wrap; } .mouseoverselected circle { stroke: #3366ff; stroke-width: 3px; } .brush .extent { fill-opacity: .1; stroke: #fff; shape-rendering: crispEdges; } .arc text { font: 300 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; } .arc:hover { /* stroke: #3366ff; */ } .piechart { text-align: center; } .vennintersecttext { font: 300 10px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; } .venncircletext { font: 300 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; } .learnexampleimage { text-align: center; /*width: 400px; /* display: inline-block; */ } .learnexampleimage div { display: inline-block; } .learnexampleimage div div{ display: block; font-size: 14px; font-weight: bold; } DIV.roundedsupp { background-color: #f2f2f2; margin-right: 4px; text-align: left; border-radius: 7px; } DIV.roundedsupp DIV { display: table-cell; vertical-align: middle; } TABLE.white TD { background-color: white; } /****************/ /*About table*/ .learnbody table:not([class]) { width: 90%; margin-left: auto; margin-right: auto; } .learnbody table:not([class]) th { background: grey; color: white; padding-left: 5px; border-bottom: 1px solid grey; } .learnbody table:not([class]) th:empty { padding: 0px; border: none; } .learnbody table:not([class]) th.middle { padding-left: 5%; padding-right: 5%; } .learnbody table:not([class]) tr:nth-child(2n) td { background-color: #E2E2E2; } .learnbody table:not([class]) tr:first-child th:first-child, .learnbody[markdown_name='/about/antibody validation'] table:not([class]) tr:first-child td:first-child { border-top-left-radius: 7px; } .learnbody table:not([class]) tr:first-child th:last-child, .learnbody[markdown_name='/about/antibody validation'] table:not([class]) tr:first-child td:last-child { border-top-right-radius: 7px; } .learnbody table:not([class]) tr:last-child td:first-child { border-bottom-left-radius: 7px; } .learnbody table:not([class]) tr:last-child td:last-child { border-bottom-right-radius: 7px; } table.image_vertical tr td { vertical-align: middle; } tr.organelle td { text-align: right; padding-bottom: 20px; } tr.organelle div { text-align: left; padding: 5px 0px 5px 8px; /*display: inline-block;*/ white-space: nowrap; } tr.organelle div img, tr.organelle div span { vertical-align: top; } tr.organelle div img { width: 74px; margin: 3px; } tr.organelle div > span { display: inline-block; min-height: 75px; width: 130px; padding: 2px 2px 2px 5px; margin-left: 5px; border-left: 1px solid #3777BC; white-space: normal; } table.icon_left td.blueborder, table.icon_right td.blueborder { padding: 18px 0px; } table.icon_left td.blueborder div { border-left: 1px solid #3777BC; padding-left: 5px; width: 139px; } table.icon_right td.blueborder div { border-right: 1px solid #3777BC; padding-right: 5px; width: 139px; } td.humancell td.blueborder div { width: 70px; } div.cancer td.blueborder div { width: 210px; } table.align_right td { text-align: right; } td.organ_icon div { height: 1px; width: 100%; background: #3777BC; position: relative; } td.organ_icon div a { position: relative; top: -22px; z-index: 100; } td.organ_icon div.brain_icon_background { position: absolute; top: -20px; width: 40px; height: 40px; border-radius: 20px; } td.organ_icon img:hover { opacity: 0.5; } .schematic_brain_image, .schematic_brain_image svg { max-width: 100%; max-height: 318px; } #colorbox div { background-color: #fff; } #colorbox .schematic_brain_image_colorbox { border: 1px solid #000; max-width: 100%; height: auto; display: block; } svg .region { fill: #d2d1d0; } .learntitle { padding: 10px; } .learntitle h3 span { font-size: larger; } tr.totalRow td { font-weight: bold; border-top: 2px solid #000; } #BP, #MF { width: 600px; margin: auto; max-height: 350px; overflow: hidden; position: relative; padding:0px 55px; } td.largerfont div a { font-size: 14px; } .bloodcelltext:hover { font-weight:bold; } DIV.roundedatlas .brainatlas { width: 820px; background-size: 802px 176px; } DIV.roundedatlas .bloodatlas { width: 650px; background-size: 632px 176px; } DIV.roundedatlas { position: relative; height: 176px; border-radius: 7px; background-position: left top; background-repeat: no-repeat; margin: auto; text-align: center; } DIV.roundedatlas div { position: absolute; top: 0px; right: 0px; width: 18px; height: 176px; text-decoration: none; color: black; border-top-right-radius: 7px; border-bottom-right-radius: 7px; } DIV.roundedatlas div div { font-size: 11px; letter-spacing: 2px; line-height: 11px; width: 18px; height: 176px; padding-top: 5px; } div.learnitem { margin-bottom: 25px; } /************************/ /*Digital collection css*/ div.learnbody div.lightbluebox { background-color: #e0f2fe; padding-left: 25px; padding-right: 25px; padding-bottom: 20px; border-radius: 7px; } div.learnbody div.lightbluebox div { width:100%; height: 45px; } div.learnbody div.lightbluebox div div.milestoneno { float: left; font-size: 18px; font-family: 'Titillium Web', arial, sans-serif; color: #005b70; font-weight: bold; padding-top: 18px; width: 200px; } div.learnbody div.lightbluebox div div.milestoneno a { font-size: 15px; font-weight: bold; padding-left: 4px; padding-right: 4px; color: #005b70; } div.learnbody div.lightbluebox div div.milestoneno a:hover { text-decoration: none; color: #58b5ec; } div.learnbody div.lightbluebox div div.milestoneyear { float: right; font-size: 54px; font-family: 'Titillium Web', arial, sans-serif; color: #005b70; width: 120px; } div.learnbody div.lightbluebox div.milestoneheader { width:100%; font-size: 28px; color: #005b70; font-family: 'Titillium Web', arial, sans-serif; } div.learnbody div.lightbluebox h4 { color: #005b70; padding-top: 15px; font-family: 'Titillium Web', arial, sans-serif; } div.learnbody div.lightbluebox p.maintext { line-height: 20px; } div.learnbody div.lightbluebox p.refline { line-height: 15px; } div.learnbody span.figurelegend { font-weight: normal; font-size: 11px; } div.learnbody div.darkbluebox { background-color: #005b70; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; border-radius: 7px; color: #fff; } div.learnbody div.darkbluebox h4 { font-family: 'Titillium Web', arial, sans-serif; } div.learnbody table.blue { font-family: 'Titillium Web', arial, sans-serif; } div.learnbody table.blue { width: 90%; margin-left: auto; margin-right: auto; } div.learnbody table.blue th { background-color: #396F86; color: white; padding-left: 5px; border-bottom: 1px solid #396F86; } div.learnbody table.blue th:empty { padding: 0px; border: none; } div.learnbody table.blue th.middle { padding-left: 5%; padding-right: 5%; } div.learnbody table.blue tr td { background-color: #e0f2fe; } div.learnbody table.blue tr:first-child th:first-child { border-top-left-radius: 7px; } div.learnbody table.blue tr:first-child th:last-child { border-top-right-radius: 7px; } div.learnbody table.blue tr:last-child td:first-child { border-bottom-left-radius: 7px; } div.learnbody table.blue tr:last-child td:last-child { border-bottom-right-radius: 7px; } #organelles div#cellImage { width:420px; min-height:350px; border-right:1px dashed #ccc; display: inline-block; vertical-align: top; } #organelles div#subcellPageBox { display: inline-block; vertical-align: top; float: right; padding-left: 10px; } #organelles div#subcellPageBox > div { margin-bottom: 1em; } #organelles div#subcellPageBox div.subcellPageLink { display: inline-block; vertical-align: top; width: 125px; } #clusterWrapper { width: 1150px; position: relative; left: -200px; } #clusterWrapper h1 { margin-bottom: 5px; } .learnbody.cellline #clusterWrapper { left: -10px; } #clusterWrapper > div { display: table-cell; } #clusterWrapperLeft { position: relative; display: inline-block; width: 700px; } #clusterWrapperRight { position: relative; display: inline-block; width: 420px; vertical-align: top; padding-top: 20px; } #clusterWrapper div#clusterPlots { height: 500px; } #countDisplay { position: absolute; top: 0; left: 30px; z-index: 2; } #countDisplay > p { margin: 0; } #clusterWrapper div#clusterDetails, #clusterWrapper div#clusterPlots { /*display: inline-block;*/ /*vertical-align: top;*/ position: -webkit-sticky; position: sticky; /* based on div.page_header height value */ top: 90px; /*width: 420px;*/ } #clusterWrapper div#clusterDetails { max-height: calc(100vh - 90px); overflow-y: auto; width: 430px; } /*#clusterWrapper div#clusterDetails .clusterOverlay { width: 400px; }*/ #clusterAnnotations { padding-left: 20px; padding-top: 20px; } #clusterAnnotations > div { display: inline-block; } #clusterAnnotations div#clusterTable table { width: 660px; } #clusterAnnotations div#clusterTable table > tbody > tr.selected > td:not(:first-child) { background-color: #c5dfbc; } .clusterOverlay .map, .clusterOverlay div.clusterPlot { max-width: 400px; max-height: 300px; } .clusterOverlay div.clusterData { /*min-height: 300px;*/ } .clusterOverlay div.clusterData > table { width: auto; } .clusterOverlay div.clusterData table.geneList { width: auto; margin-top: 1em; } .clusterOverlay div.clusterData table.geneList > tbody > tr > td { padding: 0 15px 0 5px; min-width: 80px; } .clusterOverlay div.clusterData table.geneList > tbody > tr > td.ensembl { text-align: right; } .clusterOverlay div.clusterMaps { width: 400px; text-align: center; } .clusterOverlay div.clusterMaps > div.inline, .clusterOverlay div.clusterData, .clusterOverlay div.clusterPlot { /*display: inline-block;*/ vertical-align: top; } div.learnbody.cell .clusterLocations > div { text-align: left; } div.learnbody.cell div.clusterLocations { display: inline-block; vertical-align: top; padding-left: 2em; } .locationLegendGroup { vertical-align: top; } .locationLegendGroup .locationGroupColumn { display: inline-block; vertical-align: top; padding-right: 3em; } #locationLegend div.location > div.color, div.learnbody.cell .clusterLocations > div.locationGroup > div.location > div.color, .viewerLegend .entryColor { width: 12px; height: 12px; display: inline-block; vertical-align: text-top; } #subcellUMAP div#cellUMAP, #subcellUMAP div.clusterLocations { display: table-cell; } #subcellUMAP div#cellUMAP { vertical-align: middle; } div.learnbody.cell .clusterLocations > div.locationGroup { margin-bottom: 2em; } #locationLegend h2 > span.hastip { font-size: inherit; } #locationLegend h2 > span.hastip > span { font-weight: normal; } #locationLegend .locationName, #locationLegend .color { cursor: pointer; } #locationLegend .locationName.inactive { cursor: pointer; color: #999999; } .learnbody.cell #clusterPlotSlider { width: 100%; text-align: center; display: inline; } #cellUMAP #plotDiv { display: flex; } #cellUMAP #plotDiv > #plotPlacement { vertical-align: top; } #plotDiv > #plotPlacement { flex-grow: 3; } #clusterPlots { position: relative; min-height: 420px; } #clusterPlots .clusterPlot > div.loading { width: 100%; height: 100%; } #clusterPlots .clusterPlot > div.loading > img { position: absolute; top: 50%; left: 50%; } #rightDetails { width: 250px; } #imageDetails { display: none; } #imageDetails div.image img { width: 160px; height: 160px; } #imageDetails #imageData { text-align: center; } #imageDetails #imageData > table{ margin-top: 4em; } #imageDetails .location > p { white-space: nowrap; } #imageDetails span.plural { font-size: inherit; } #cellUMAP #filterPlacement { margin-top: 1em; margin-bottom: 1em; background-color: #fff; } #fullScreenSubcell { background-color: white; display: flex; flex-direction: column; box-sizing: border-box; } #fullScreenSubcell .top { display: flex; justify-content: space-between; align-items: stretch; width: 100vw; flex-grow: 2; margin-top: 1em; } #fullScreenSubcell .right, #fullScreenSubcell .left { width: 250px; margin-left: 2em; margin-right: 2em; overflow-y: auto; } /*FIXME: check */ #fullScreenSubcell .right, #fullScreenSubcell #plotPlacement { display: table-cell; vertical-align: middle; } #fullScreenSubcell .search { width: 100%; margin-bottom: 60px; } #fullScreenSubcell .search #filterGenes { width: fit-content; margin-left: auto; margin-right: auto; } #imageData div.title { font-weight: bold; padding-bottom: 1em; } #imageData div.text { /*padding-bottom: 1em;*/ } #imageData div.image { text-align: center; } #imageData div.text > span.head { font-weight: bold; } tr.publication > td { vertical-align: top; } div.show_text:not(.show) > div.text_toggle span:nth-child(2), div.show_text.show > div.text_toggle span:nth-child(1) { display: none; } div.show_text > div.text_toggle { text-align: center; font-weight: bold; cursor: pointer; position: relative; } div.show_text:not(.show) > div.text { overflow-y: hidden; } #descriptionUMAP div.show_text:not(.show) > div.text { max-height: 157px; /* line-height * font-size * lines */ } div.show_text { padding: 0 0 2em; } div.show_text > div.text > :first-child { margin-top: 0; padding-top: 0; } div.show_text > div.text_toggle > p { margin: 0; padding: 0; } div.show_text > div.text_toggle:after { content: ""; position: absolute; width: 100%; height: 35px; top: -35px; left: 0px; background: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0)); /* Standard syntax (must be last) */ pointer-events: none; } div.show_text.show > div.text_toggle:after { display: none; } #cellineWrapper { width: 900px; position: relative; } .cellineWrapper > div { display: table-cell; } .cellineWrapperLeft { position: relative; display: inline-block; width: 400px; } .cellineWrapperRight { position: relative; display: inline-block; width: 650px; vertical-align: top; /*padding-top: 30px;*/ } .cellineTable { margin-left:30px; width:360px; overflow:hidden; overflow-y: auto; height: 320px; } .cellineTableFull { width:360px; overflow:hidden; overflow-y: auto; height: 622px; } tr.highlightRow td { background-color: #6AA692!important; } .viewerWrapper { display: flex; gap: 1rem; align-items: center; } .viewerWrapper .navigator { background-color: #F1F1F1!important; } .viewerWrapper .viewerLegend .entryName { display: inline-block; text-wrap: nowrap; } .viewerWrapper .viewerLegend .legendEntry { display: flex; gap: 0.2rem; align-items: center; } .viewerWrapper .legendHeader { font-weight: bold; } .mathFormula { font-size:16px } table.floatheader caption { background-color: #ffffff; } .learnbody[markdown_name$='/data'] > .column2 { background-color: #f2f2f2!important; border-radius: 7px!important; margin-top: 12px!important; margin-left: 12px!important; width: 40%!important; padding-right: 25px!important; }