Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- div.factSheetContentBlock {
- margin-bottom: 3em;
- }
- .organismNameLabel {
- position: relative;
- left: -0.75em;
- top: -222px;
- padding: 0.125em 1em;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: inline-block;
- background: #ff7426;
- color: white;
- }
- .procedureLabel {
- left: 5%;
- top: -2em;
- max-width: 80%;
- position: relative;
- color: #ff7426;
- background: #fff;
- padding: 0.125em 1em;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: inline-block;
- }
- div.labelRow {
- max-width: 12em;
- }
- .portraitWithLabel {
- padding-left: 1em;
- float: left;
- width: calc(236px+1em);
- }
- .organismPortrait {
- border: 1px solid rgba(38, 98, 195, 0.2);
- }
- #identification {
- overflow: hidden;
- }
- #idDetails {
- float: left;
- width: calc(100% - 19em);
- margin-left: 2em;
- padding-right: 3em;
- }
- #idDetailsFlex {
- float: left;
- width: calc(100% - 20em);
- /*width: 5em;*/
- margin-left: 2em;
- padding-right: 1em;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- flex-direction: column;
- }
- .detailsRow {
- /*border: 1px solid red;*/
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- justify-content: center;
- }
- #tumorModelDetails {
- }
- #lineFullName {
- color: rgba(255, 116, 38, 1);
- font-size: 2em;
- padding: 0.25em 2em 0.25em 2em;
- border-top-left-radius: 0.707em;
- border-top-right-radius: 0.707em;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: inline-block;
- }
- #lineFullNameRow {
- margin-bottom: 3em;
- text-align: center;
- border-width: 1px;
- border-top: 7px double rgba(38, 98, 195, 1);
- border-bottom: 7px double rgba(38, 98, 195, 1);
- }
- .factSheet {
- padding: 2em;
- }
- label {
- color: #2662c3;
- padding-right: 0.5em;
- }
- tr.factSheetFact {
- padding-bottom: 0.25em;
- }
- ul.textDescription li {
- margin-bottom: 1em;
- margin-top: 0.5em;
- }
- span.term {
- padding: 0.125em 0.375em 0.125em 0.375em;
- margin: 0.25em 0.5em 0 0;
- border: 1px solid rgba(38, 98, 195, 0.2);
- /*line-height: 2.25em;*/
- white-space: nowrap;
- }
- td.factLabel {
- text-align: right;
- padding-right: 1em;
- }
- td.factLabel, td.factContent {
- padding-bottom: 0.4em;
- padding-top: 0.4em;
- vertical-align: middle !important;
- }
- table.mutationsTableCell, table.mutationsTableAnimal {
- width: 100%;
- border-bottom: 2px solid rgba(89, 135, 209, 1);
- }
- table.mutationsTableCell th, table.mutationsTableAnimal th {
- border-top: 2px solid rgba(89, 135, 209, 1);
- border-bottom: 1px solid rgba(89, 135, 209, 1);
- padding: 0.5em 1em 0.5em 0.5em;
- color: #5987D1;
- }
- table.mutationsTableCell th {
- width: 25%;
- }
- table.mutationsTableAnimal th {
- width: 20%;
- }
- table.mutationsTableCell td, table.mutationsTableAnimal td {
- vertical-align: top;
- padding: 1em 1em 1em 0.5em;
- border-bottom: 1px solid rgba(89, 135, 209, 0.2);
- border-collapse: collapse;
- border-spacing: 0px;
- }
- span.geneName {
- font-weight: bold;
- }
- table.mutationsTableAnimal tbody tr:nth-child(even), table.mutationsTableCell tbody tr:nth-child(even), table.mutationsTableAnimal th, table.mutationsTableCell th {
- background-color: rgba(252, 252, 252, 0.25);
- }
- .fadeFromAttention {
- color: #bdbdbd;
- }
- ul.textDescription h4 {
- margin-top: 2em;
- margin-bottom: 0.5em;
- }
- ul.detailsHorizontal li {
- display: inline;
- padding-right: 1em;
- }
- ul.detailsHorizontal {
- margin-top: 0.3em;
- margin-bottom: 0.7em;
- }
- p + p {
- margin: 0em 0em 0.25em 0em;
- text-indent: 1em;
- }
- #listExperimentalLines {
- display: block;
- width: 100%;
- overflow: hidden;
- }
- div.experimentalLine {
- height: 18em;
- box-shadow: -1px -1px 3px 0px #bdbdbd;
- border: 1px solid rgba(0, 0, 0, 0.1);
- background-color: #fff;
- margin: 1em 0em 1em 3px;
- border-radius: 0.5em;
- padding: 1em;
- text-align: center;
- overflow: auto;
- width: 100%;
- position: relative;
- }
- div.NoAccessExperimentalLine {
- box-shadow: -1px -1px 3px 0px #bdbdbd;
- border: 1px solid rgba(0, 0, 0, 0.1);
- background-color: #fff;
- margin: 1em 0em 1em 3px;
- border-radius: 0.5em;
- padding: 1em;
- text-align: center;
- overflow: auto;
- width: 100%;
- position: relative;
- }
- div.experimentalLine:hover {
- box-shadow: -3px -3px 10px 0px #bfd1ed;
- border: 1px solid rgba(0, 71, 185, 0.2);
- }
- div.experimentalLineLink {
- width: 90%;
- }
- div.cardContainerLine {
- float: left;
- }
- ul.experimentalLineDetails {
- text-align: left;
- display: block;
- position: absolute;
- padding-right: 1em;
- }
- @media screen and (min-width: 1711px) {
- div.cardContainerLine {
- width: 33%;
- }
- img.organismPortraitOnCard {
- width: 14.625em;
- height: 14.625em;
- }
- div.CardPortraitWithLabel {
- width: 15em;
- position: absolute;
- top: 50%;
- margin-top: -9em;
- left: 1em;
- }
- ul.experimentalLineDetails {
- left: 17em;
- }
- }
- @media screen and (min-width: 1200px) and (max-width: 1710px) {
- div.cardContainerLine {
- width: 50%;
- }
- img.organismportraitoncard {
- width: 14.625em;
- height: 14.625em;
- }
- div.CardPortraitWithLabel {
- width: 15em;
- position: absolute;
- top: 50%;
- margin-top: -9em;
- left: 1em;
- }
- ul.experimentalLineDetails {
- left: 17em;
- }
- }
- @media screen and (min-width: 700px) and (max-width: 1199px) {
- div.cardContainerLine {
- width: 100%;
- }
- img.organismportraitoncard {
- width: 14.625em;
- height: 14.625em;
- }
- div.CardPortraitWithLabel {
- width: 15em;
- position: absolute;
- top: 50%;
- margin-top: -9em;
- left: 1em;
- }
- ul.experimentalLineDetails {
- left: 17em;
- }
- }
- @media screen and (min-width: 500px) and (max-width: 699px) {
- div.cardContainerLine {
- width: 100%;
- }
- img.organismPortraitOnCard {
- width: 7em;
- height: 7em;
- }
- div.experimentalLine {
- height: 12em;
- }
- div.CardPortraitWithLabel {
- width: 7.5em;
- position: absolute;
- top: 50%;
- margin-top: -6em;
- left: 1em;
- }
- ul.experimentalLineDetails {
- left: 9.5em;
- }
- }
- @media screen and (max-width: 499px) {
- div.CardPortraitWithLabel {
- display: none;
- width: 0px;
- }
- div.cardContainerLine {
- width: 80%;
- }
- ul.experimentalLineDetails {
- /*width: 100%;*/
- left: 1em;
- }
- div.experimentalLine {
- height: 12em;
- }
- }
- ul.experimentalLineDetails li {
- margin-bottom: 0.25em;
- }
- div.experimentalLineLink a:link {
- color: #000000;
- text-decoration: none;
- }
- div.experimentalLineLink a:visited {
- color: #000;
- text-decoration: none;
- }
- ol#protocolSteps {
- padding-top: 3em;
- }
- li.experimentStep {
- border-collapse: collapse;
- padding: 1em;
- margin-bottom: 3.5em;
- border: 1px solid rgba(140, 172, 223, 0.25);
- border-radius: 0.25em;
- }
- hr {
- color: rgba(140, 172, 223, 0.5);
- }
- .emphasizedLabel {
- font-weight: bold;
- }
- /*.buttonsBar {
- border: 3px solid;
- box-sizing: border-box;
- border-color: #2662c3 #fff #fff #fff;
- }*/
- hr.buttonDivider {
- background-color: #2662c3;
- height: 3px;
- margin-bottom: 1em;
- }
- /*div.termContainer {
- width: 100%;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- flex-wrap: wrap;
- }*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement