biojs.openphacts.css

.inline {
    display: inline;
}
.search-exact-match {
/*    background-color: #CDE6FF;*/
}
.search-result {
/*    background-color: #CDE6FF;*/
}
.compound-label {
    font-weight: bold;
}
.compound-smiles {
    background-color: white;
}
.big-font {
   font-size: 20px;
}
.huge-font {
    font-size: 30px;
}
.bold-font {
    font-weight: bold;
}
/* CSS effects */
.medium-border-radius {
    border-radius: 15px;
}
/* end of CSS effects */

/* Floats and Layout */
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}
.centre {
    text-align: center;
}
.justify {
    text-align: justify;
}
.normal-font {
    font-size: 13px;
}
.full-width {
    width: 100%;
}
/* end of Floats and Layout */
.hidden {
    display: none;
}
.visible {
    visibility: visible;
}
.invisible {
    visibility: hidden;
}
.compound-label {
    width:60%;
}
.cs-image {
    width: 30%
}
/* id specific styling */
#searching-message {
    position: fixed;
    top:40%;
    left: 35%;
}
#info_popup {
    position: fixed;
    top: 30;
}
/* end of id specific styling */

.single-search-result {
	padding: 1em;
	background: #f8f8ff;
	border: 1px solid #556;
	border-radius: 16px;
	border-color: #eee9e9;
	min-height: 112px;
	position: relative;
	margin-top: 1em;
	padding-right: 5%;
}

/* molecula formula */
sub {
	font-size: xx-small;
	position: relative;
	bottom: -0.3em;
}

 /* MARKETING CONTENT */
.marketing .span4 {
	text-align: center;
}

.marketing h2 {
	font-weight: normal;
}

.marketing .span4 p {
	margin-left: 10px;
	margin-right: 10px;
}

/* Featurettes */
.featurette-divider {
	margin: 80px 0; 
}

.featurette {
	padding-top: 120px; 
	overflow: hidden; 
}

.featurette-image {
	margin-top: -120px; 
}

.featurette-image.pull-left {
	margin-right: 40px;
}

.featurette-image.pull-right {
	margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
	font-size: 50px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: -1px;
}

/* Pharmacology styles */
.compound_summary {
	background: #f8f8ff;
	border: 1px solid #556;
	border-radius: 2;
	border-color: #eee9e9;
}
		
.gridCellAlign {
	vertical-align: middle;
}
		
.mytable {
	background: #f5f5f5;
	border-collapse:separate;
	border-spacing:1px 7px;
}
		
.record-deco {
	background: white;
}
		
.cell-basictext {
	text-align:center;
	vertical-align:middle;
}
		
.cell-longtext {
	text-align:left;
	vertical-align:middle;
	font-size:12px;
	padding: 10px;	
}
		
.cell-enhancedtext {
	text-align:center;
	vertical-align:middle;
}
		
.headingstyle {
	background: #f5f5f5;
}

.lead-target {
    padding-left: 160px;
}
.lead-assay {
    padding-left: 150px;
}

.hide {
  display: none;
}

/* end of Pharmacology styles */

/* summary pages */
.centersummary {
     float: none;
     margin-left: auto;
     margin-right: auto;
}

.summary-descriptive-text {
	text-align: justify;
}

.summary-box {
	border: 1px solid #556;
	background: #f8f8ff;
	border-color: #eee9e9;
	text-align:center;
	margin: 20px;
}

.small-top-spacing {
	padding:10px 0 0 0;
}

.medium-top-spacing {
	padding:15px 0 0 0;
}

.large-top-spacing {
	padding:20px 0 0 0;
}

.inner-property-content {
	padding: 15px;
}
/* end summary pages */
.release-status {
	color: red;
	font-size: small;
	padding-left: 5px;
}
/* Sorting and filtering*/
.sortASC {
	background-color: gray;
}

.sortDESC {
	background-color: gray;
}
.relation-checkbox {
    vertical-align: top;
}
.activity-relation-operator {
    display: inline; 
    font-weight: bold; 
    font-size: large;
}
/* End of sorting and filtering*/

/* activity spinner */

/* For IE6,7,8 */
.loading-info{
     position: absolute;
     top: 50%;
     left: 40%;
     z-index: 2000;
     font-size: xx-large;
     font-weight: bold;
     background-color: white;
}

/* ==========================================================
 * Spinner
 * =========================================================*/
.spinner{
     z-index: 2000;
     width:100px;
     height:100px;
     margin:30px auto;
     position:fixed;
     top: 40%;
     right: 47%;
     -webkit-animation: rotateit 1.3s linear infinite;
     -moz-animation: rotateit 1.3s linear infinite;
     animation: rotateit 1.3s linear infinite;
}
@-webkit-keyframes rotateit {
     from {
          -webkit-transform: rotate(360deg);
     }
     to {
          -webkit-transform: rotate(0deg);
     }
}
@-moz-keyframes rotateit {
     from {
          -moz-transform: rotate(360deg);
     }
     to {
          -moz-transform: rotate(0deg);
     }
}
@keyframes rotateit {
     from {
          transform: rotate(360deg);
     }
     to {
          transform: rotate(0deg);
     }
}
/* ================================================
 * Bars
 * ================================================*/
.spinner.bar div{
     width: 10px;
     height: 30px;
     background: black;
     position: absolute;
     top: 35px;
     left: 45px;
}
.spinner.bar div:nth-child(1){
     -webkit-transform: rotate(0deg) translate(0, -30px);
     -moz-transform: rotate(0deg) translate(0, -30px);
     transform: rotate(0deg) translate(0, -30px);
}
.spinner.bar div:nth-child(2){
     -webkit-transform: rotate(45deg) translate(0, -30px);
     -moz-transform: rotate(45deg) translate(0, -30px);
     transform: rotate(45deg) translate(0, -30px);
     opacity:0.7;
}
.spinner.bar div:nth-child(3){
     -webkit-transform: rotate(90deg) translate(0, -30px);
     -moz-transform: rotate(90deg) translate(0, -30px);
     transform: rotate(90deg) translate(0, -30px);
     opacity:0.6;
}
.spinner.bar div:nth-child(4){
     -webkit-transform: rotate(135deg) translate(0, -30px);
     -moz-transform: rotate(135deg) translate(0, -30px);
     transform: rotate(135deg) translate(0, -30px);
     opacity:0.5;
}
.spinner.bar div:nth-child(5){
     -webkit-transform: rotate(180deg) translate(0, -30px);
     -moz-transform: rotate(180deg) translate(0, -30px);
     transform: rotate(180deg) translate(0, -30px);
     opacity:0.4;
}
.spinner.bar div:nth-child(6){
     -webkit-transform: rotate(225deg) translate(0, -30px);
     -moz-transform: rotate(225deg) translate(0, -30px);
     transform: rotate(225deg) translate(0, -30px);
     opacity:0.3;
}
.spinner.bar div:nth-child(7){
     -webkit-transform: rotate(270deg) translate(0, -30px);
     -moz-transform: rotate(270deg) translate(0, -30px);
     transform: rotate(270deg) translate(0, -30px);
     opacity:0.2;
}
.spinner.bar div:nth-child(8){
     -webkit-transform: rotate(315deg) translate(0, -30px);
     -moz-transform: rotate(315deg) translate(0, -30px);
     transform: rotate(315deg) translate(0, -30px);
     opacity:0.1;
}
/* End of activity spinner */

.goto-button {
    z-index: 1500;
    position: fixed;
    right: 3%;
    bottom: 3%;
}

.structure-filter-para {
    display: inline;
    vertical-align: text-bottom;
    font-weight: bolder;
}

.table-header-structure-image {
    min-width:130px;
}

/* Remove max width for ketcher buttons */
.no-max-width {
    max-width: none;
}

#ketcher-iframe {
    min-width: 100%;
    min-height: 650px
}

/* Padding and Margins */

/* small 5px */
.small-padding {
    padding: 5px;
}
.small-padding-top {
    padding-top: 5px;
}
.small-padding-left {
    padding-left: 5px;
}
.small-padding-right {
    padding-right: 5px;
}
.small-padding-bottom {
    padding-bottom: 5px;
}
.small-margin {
    margin: 5px;
}
.small-margin-top {
    margin-top:5px;
}
.small-margin-left {
    margin-left: 5px;
}
.small-margin-bottom {
    margin-bottom: 5px;
}

/* medium 10px */
.medium-padding {
    padding: 10px;
}
.medium-padding-bottom {
	padding-bottom: 10px;
}
.medium-padding-right {
	padding-right: 10px;
}
.medium-padding-top {
	padding-top: 10px;
}
.medium-margin {
    margin: 10px;
}
.medium-margin-top {
    margin-top: 10px;
}
.medium-margin-right {
    margin-right: 10px;
}
.medium-margin-bottom {
    margin-bottom: 10px;
}
.medium-margin-left {
    margin-left: 10px;
}
.big-margin {
    margin: 20px;
}

/* big 20px */
.big-padding {
    padding:20px;
}
.big-padding-left {
    padding-left:20px;
}
.big-padding-top {
	padding-top: 20px;
}
.big-padding-bottom {
	padding-bottom: 20px;
}
.big-padding-right {
	padding-right: 20px;
}
.big-margin-top {
    margin-top: 20px;
}
.big-margin-left {
    margin-left: 20px;
}
.big-margin-right {
    margin-right: 20px;
}

/* huge 40px */
.huge-padding-top {
    padding-top: 40px;
}

/* alignments */
.text-top {
  vertical-align: text-top;
}

/* remove all margins */
.no-margin {
  margin: 0;
}

/* remove all padding */
.no-padding {
  padding: 0;
}