Videncenter for Diabetes

Side med bokse og accordions

Side med bokse og accordions

På denne side har vi lavet lavet de justeringer i 'Lokalt script', der gør, at fonten, størrelser og afstande er præcis, som vi grene vil have det.

Da der selvfølgelig er tale om justeringer af allerede eksisterende CSS (med en masse !important for at få det til at virke), er det vanskeligt at bruge vores styling direkte. Under alle omstændigheder fremgår style-koderne i nedenstående accordion.

Styling

<link href='https://fonts.googleapis.com/css?family=Open Sans:light,lightitalic,normal,italic,bold,bolditalic' rel='stylesheet' type='text/css'>

<style>
p, h1, h2, h3, h4, .nav-link, .breadcrumb__accessibility-menu a, .dropdown-menu a {
font-family: 'Open Sans', sans-serif !important;
}

h1, h2, h3, h4 {
font-weight: 700 !important;
}

.article-wrapper p {
font-size: 1.1em !important;
line-height: 1.75em !important;
margin-bottom: 15px !important;
}

.article-wrapper h2, .article-wrapper h3, .article-wrapper h4 {
margin-top: 30px !important;
margin-bottom: 8px !important;
}

.article-wrapper h3 {
font-size: 1.4em !important;
}

.article-wrapper ol {
padding-left: 25px !important;
list-style-position: outside !important;
}

.article-wrapper ul {
padding-left: 25px !important;
}

ul.service-menu {
padding-left: 0 !important;
}

.article-wrapper li {
padding-left: 5px !important;
}

.article-wrapper .rich-text {
margin-bottom: 5px !important;
}

.article-wrapper .accordion{
margin-top: 15px !important;
}

.dropdown-menu a, .dropdown-menu a p {
font-size: 0.96em !important;
}

</style>

Overskrift 2 (H2) - Open Sans

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida erat nec tempor euismod. Cras quis enim tempor, malesuada ante pretium, euismod orci. Donec ipsum arcu, varius sit amet fermentum in, feugiat vel felis.

Fusce nec pulvinar ex. Phasellus massa purus, lacinia in interdum ut, rhoncus eget tortor. Praesent ultrices eros non lacus elementum tempor. Sed auctor id nulla sit amet consequat. Curabitur imperdiet non dolor in efficitur.

Overskrift 3 (H3) - Open Sans

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida erat nec tempor euismod.

Cras quis enim tempor, malesuada ante pretium, euismod orci. Donec ipsum arcu, varius sit amet fermentum in, feugiat vel felis. Fusce nec pulvinar ex. Phasellus massa purus, lacinia in interdum ut, rhoncus eget tortor. Praesent ultrices eros non lacus elementum tempor. Sed auctor id nulla sit amet consequat. Curabitur imperdiet non dolor in efficitur.

Overskrift 4 (H4) - Open Sans

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida erat nec tempor euismod. Cras quis enim tempor, malesuada ante pretium, euismod orci.

Donec ipsum arcu, varius sit amet fermentum in, feugiat vel felis. Fusce nec pulvinar ex. Phasellus massa purus, lacinia in interdum ut, rhoncus eget tortor. Praesent ultrices eros non lacus elementum tempor. Sed auctor id nulla sit amet consequat. Curabitur imperdiet non dolor in efficitur.

Normal fed (B) - Open Sans

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida erat nec tempor euismod. Cras quis enim tempor, malesuada ante pretium, euismod orci. Donec ipsum arcu, varius sit amet fermentum in, feugiat vel felis. Fusce nec pulvinar ex.

Phasellus massa purus, lacinia in interdum ut, rhoncus eget tortor. Praesent ultrices eros non lacus elementum tempor. Sed auctor id nulla sit amet consequat. Curabitur imperdiet non dolor in efficitur.

Blodsukkermåling

Punktopstillinger

Praesent ultrices eros non lacus elementum tempor:

  • Fusce nec pulvinar ex. Phasellus massa purus
  • Donec ipsum arcu, varius sit amet. Donec ipsum arcu, varius sit amet fermentum in, feugiat vel felis. Fusce nec pulvinar ex.
  • Sed gravida erat nec tempor euismod.

Phasellus massa purus, lacinia in interdum ut, rhoncus eget tortor.

Praesent ultrices eros non lacus elementum tempor:

  1. Fusce nec pulvinar ex. Phasellus massa purus
  2. Donec ipsum arcu, varius sit amet. Donec ipsum arcu, varius sit amet fermentum in, feugiat vel felis. Fusce nec pulvinar ex.
  3. Sed gravida erat nec tempor euismod.

Phasellus massa purus, lacinia in interdum ut, rhoncus eget tortor.

Lorem ipsum

Sed gravida erat nec tempor euismod. Cras quis enim tempor, malesuada ante pretium, euismod orci. Donec ipsum arcu, varius sit amet fermentum in, feugiat vel felis.

Fusce nec pulvinar ex. Phasellus massa purus, lacinia in interdum ut, rhoncus eget tortor. Praesent ultrices eros non lacus elementum tempor.

Praesent ultrices eros non lacus elementum tempor.

Praesent ultrices eros non lacus elementum tempor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida erat nec tempor euismod. Cras quis enim tempor, malesuada ante pretium, euismod orci. Donec ipsum arcu, varius sit amet fermentum in, feugiat vel felis. Fusce nec pulvinar ex.

Phasellus massa purus, lacinia in interdum ut, rhoncus eget tortor. Praesent ultrices eros non lacus elementum tempor. Sed auctor id nulla sit amet consequat. Curabitur imperdiet non dolor in efficitur.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida erat nec tempor euismod. Cras quis enim tempor, malesuada ante pretium, euismod orci.

Sidst opdateret: 14. november 2020