Line 7: | Line 7: | ||
<!-- CSS --> | <!-- CSS --> | ||
<style> | <style> | ||
+ | html body { | ||
+ | color: rgba(0, 0, 0, 0.9); | ||
+ | } | ||
+ | |||
+ | .maincontent { | ||
+ | margin-top: 200px; | ||
+ | margin-bottom: 200px; | ||
+ | } | ||
+ | |||
+ | a:link { | ||
+ | color: #f38f8f; | ||
+ | } | ||
+ | |||
+ | a:visited { | ||
+ | color: #f38f8f; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | color: #f38f8f; | ||
+ | } | ||
+ | |||
+ | a:active { | ||
+ | color: #f38f8f; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | font-family: 'Josefin Sans', sans-serif !important; | ||
+ | font-weight: normal !important; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | font-size: 14px; | ||
+ | line-height: 1.8; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | color: #7CCFB8; | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | .primary-line-break { | ||
+ | border-width: 2px; | ||
+ | border-color: #5f5b6b; | ||
+ | } | ||
+ | |||
+ | .remove-underline { | ||
+ | text-decoration: none !important; | ||
+ | } | ||
+ | |||
+ | .card { | ||
+ | border: none; | ||
+ | border-bottom: 1px solid #5f5b6b; | ||
+ | border-radius: 0px; | ||
+ | } | ||
+ | |||
+ | .card-header { | ||
+ | background-color: transparent; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .accordion-icon { | ||
+ | color: #7CCFB8; | ||
+ | float: right; | ||
+ | line-height: 33.6px; | ||
+ | transition-duration: 0.4s; | ||
+ | } | ||
+ | |||
+ | [data-toggle="collapse"] .fa-plus { | ||
+ | -webkit-transform: rotate(135deg); | ||
+ | -moz-transform: rotate(135deg); | ||
+ | -ms-transform: rotate(135deg); | ||
+ | -o-transform: rotate(135deg); | ||
+ | transform: rotate(135deg); | ||
+ | } | ||
+ | |||
+ | [data-toggle="collapse"].collapsed .fa-plus { | ||
+ | -webkit-transform: rotate(0deg); | ||
+ | -moz-transform: rotate(0deg); | ||
+ | -ms-transform: rotate(0deg); | ||
+ | -o-transform: rotate(0deg); | ||
+ | transform: rotate(0deg); | ||
+ | } | ||
+ | |||
+ | .tabbuttons { | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | justify-content: center; | ||
+ | } | ||
+ | |||
+ | .tablink { | ||
+ | background-color: white; | ||
+ | color: rgba(0, 0, 0, 0.9); | ||
+ | border: none; | ||
+ | outline: none !important; | ||
+ | cursor: pointer; | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 20px; | ||
+ | padding-top: 10px; | ||
+ | padding-bottom: 10px; | ||
+ | flex: 1; | ||
+ | } | ||
+ | |||
+ | .tablink:hover { | ||
+ | background-color: #f8f9fa; | ||
+ | } | ||
+ | |||
+ | .tabcontent { | ||
+ | display: none; | ||
+ | height: 100%; | ||
+ | animation: fadeEffect 1s; | ||
+ | } | ||
+ | |||
+ | @keyframes fadeEffect { | ||
+ | from {opacity: 0;} | ||
+ | to {opacity: 1;} | ||
+ | } | ||
</style> | </style> | ||
<!-- JS --> | <!-- JS --> |
Revision as of 06:12, 8 October 2018
NOTEBOOK
Below are notes regarding all CME (chromatin modifying elements) experiments.