„Melding:Common.css“: Munur á milli breytinga
Úr Kennarakvika
Ekkert breytingarágrip |
Ekkert breytingarágrip |
||
Lína 1: | Lína 1: | ||
/* Allt CSS sem sett er hér mun verða virkjað í öllum skinnum. */ | /* Allt CSS sem sett er hér mun verða virkjað í öllum skinnum. */ | ||
/* Initialize the counter */ | |||
.skref-listi { | |||
counter-reset: skref-teljari; | |||
} | } | ||
/* Increment the counter for each step and style the number */ | |||
.skref .skref-teljari { | |||
counter-increment: skref-teljari; | |||
font-size: 24px; /* Large, prominent size */ | |||
font-weight: bold; /* Make it bold */ | |||
color: #333; /* Set a suitable color */ | |||
margin-right: 10px; /* Space between number and text */ | |||
padding: 5px 10px; /* Padding around the number */ | |||
background-color: #f5f5f5; /* Light background for the number */ | |||
border-radius: 50%; /* Circular background */ | |||
width: 40px; /* Fixed width */ | |||
height: 40px; /* Fixed height */ | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | } | ||
.skref .skref-lysing, .skref .skref-leidbeining { | |||
/* Styles for the content */ | |||
padding: 10px; | |||
margin-top: 5px; | |||
background-color: #eee; /* Light background for the content */ | |||
border: 1px solid #ccc; /* Border around the content */ | |||
} | } |
Útgáfa síðunnar 15. maí 2024 kl. 21:37
/* Allt CSS sem sett er hér mun verða virkjað í öllum skinnum. */ /* Initialize the counter */ .skref-listi { counter-reset: skref-teljari; } /* Increment the counter for each step and style the number */ .skref .skref-teljari { counter-increment: skref-teljari; font-size: 24px; /* Large, prominent size */ font-weight: bold; /* Make it bold */ color: #333; /* Set a suitable color */ margin-right: 10px; /* Space between number and text */ padding: 5px 10px; /* Padding around the number */ background-color: #f5f5f5; /* Light background for the number */ border-radius: 50%; /* Circular background */ width: 40px; /* Fixed width */ height: 40px; /* Fixed height */ display: flex; justify-content: center; align-items: center; } .skref .skref-lysing, .skref .skref-leidbeining { /* Styles for the content */ padding: 10px; margin-top: 5px; background-color: #eee; /* Light background for the content */ border: 1px solid #ccc; /* Border around the content */ }