Lists on Index page

Fixed layout of the index page lists
This commit is contained in:
Kraken 2021-04-08 11:22:19 +02:00
parent 49c131a948
commit 983cc1890c
2 changed files with 32 additions and 10 deletions

View File

@ -385,7 +385,7 @@
<h5>Hvad bliver der lagt vægt på når man finder vinderen?</h5>
<p>Når alle deltagerne har udviklet på livet løs, og tiden er løbet ud, bliver alle spillende uploadet og afprøvet af andre deltagere samt tilskuere. Når man skal finde en vinder, skal man kigge på forskellige ting som:</p>
<ul style="text-align: left;">
<ul class="Circle-list">
<li>Udnyttelse af tiden</li>
<li>Hvor godt virker spillet?</li>
<li>Hvor godt er designet?</li>
@ -670,15 +670,14 @@
</div>
</div>
<div id="txt"></div>
<ul>
<li>1.</li>
<li>2.</li>
<li>3.</li>
<li>4.</li>
<li>5.</li>
<li>6.</li>
</ul>
<ol class="Subject-list" type="1">
<li>Subject name</li>
<li>Subject name</li>
<li>Subject name</li>
<li>Subject name</li>
<li>Subject name</li>
<li>Subject name</li>
</ol>
</section>

View File

@ -868,4 +868,27 @@ image_gruppenavn{
border: double;
border-color: rgb(0, 113, 185);
border-radius: 15px;
}
.Collapse-Button:hover {
border-color: rgb(52, 152, 219);
}
ul.Circle-list {
display: inline-block;
text-align: initial;
}
ul.Circle-list li:before {
content: "\2022"; /* Unicode for a bullet */
color: rgb(0, 113, 185);
font-weight: bold;
display: inline-block; /* Needed to add space between the bullet and the text */
width: 1em; /* Also needed for space (tweak if needed) */
margin-left: -1em; /* Also needed for space (tweak if needed) */
}
ol.Subject-list {
list-style-type: decimal;
color: red;
}