„Melding:Common.css“: Munur á milli breytinga
Úr Kennarakvika
Ekkert breytingarágrip |
Ekkert breytingarágrip |
||
Lína 10: | Lína 10: | ||
counter-increment: skref-teljari; | counter-increment: skref-teljari; | ||
content: counter(skref-teljari); | content: counter(skref-teljari); | ||
font-size: | |||
font-size: 6em; /* Large, prominent size */ | |||
font-weight: bold; /* Make it bold */ | font-weight: bold; /* Make it bold */ | ||
color: # | color: #ddd; /* Set a suitable color */ | ||
margin-right: | float: left; | ||
margin-right: 1em; /* Space between number and text */ | |||
padding: 5px 10px; /* Padding around the number */ | padding: 5px 10px; /* Padding around the number */ | ||
background-color: #f5f5f5; /* Light background for the number */ | background-color: #f5f5f5; /* Light background for the number */ | ||
width: 40px; /* Fixed width */ | width: 40px; /* Fixed width */ | ||
height: 40px; /* Fixed height */ | height: 40px; /* Fixed height */ |
Útgáfa síðunnar 15. maí 2024 kl. 22:24
/* 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::before { counter-increment: skref-teljari; content: counter(skref-teljari); font-size: 6em; /* Large, prominent size */ font-weight: bold; /* Make it bold */ color: #ddd; /* Set a suitable color */ float: left; margin-right: 1em; /* Space between number and text */ padding: 5px 10px; /* Padding around the number */ background-color: #f5f5f5; /* Light background for the number */ 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 */ }