TimelineTest: Difference between revisions
(Created page with "<html> <style> form { padding: 1em; } ul.timeline { list-style-type: none; position: relative; } ul.timeline:before { content: ' '; background: #d4d9df; display: inline-block; position: absolute; left: 29px; width: 2px; height: 100%; z-index: 400; } ul.timeline > li { margin: 20px 0; padding-left: 20px; } ul.timeline > li:before { content: ' '; background: white; display: inline-block; position: absolute...") |
No edit summary |
||
(5 intermediate revisions by the same user not shown) | |||
Line 48: | Line 48: | ||
top: 10px; | top: 10px; | ||
right: 10px; | right: 10px; | ||
background: # | background: #008568; | ||
padding: 3px; | padding: 3px; | ||
color: #fff; | color: #fff; | ||
Line 58: | Line 58: | ||
margin:0; | margin:0; | ||
padding:5px 5px; | padding:5px 5px; | ||
color: white; | |||
/* line-height: 0;*/ | |||
} | } | ||
Line 64: | Line 65: | ||
margin-top: 10px; | margin-top: 10px; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
} | } | ||
.card-body { | #timeline_content .card-body { | ||
min-height: 200px !important; | min-height: 200px !important; | ||
max-height: 200px !important; | max-height: 200px !important; | ||
Line 80: | Line 82: | ||
<form> | <form> | ||
<div class="form-row"> | <div class="form-row"> | ||
<div id="themes" class="form-group col-md- | <div id="themes" class="form-group col-md-12"> | ||
<div> | <div> | ||
<label for="inputPassword4">Osa-alue</label> | <label for="inputPassword4">Osa-alue</label> | ||
Line 103: | Line 105: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="form-group col-md-6"> | |||
</div> | |||
<div class="form-row"> | |||
<div id="roles" class="form-group col-md-6"> | |||
<div> | <div> | ||
<label for="inputPassword4"> | <label for="inputPassword4">Ryhmittele ja filtteröi tahon mukaan</label> | ||
</div> | |||
<div class="form-check form-check-inline"> | |||
<input class="form-check-input" type="checkbox" id="group1" value="Tutkimusorganisaatio"> | |||
<label class="form-check-label" for="group1">Tutkimusorganisaatio</label> | |||
</div> | |||
<div class="form-check form-check-inline"> | |||
<input class="form-check-input" type="checkbox" id="group2" value="Kansalliskirjasto"> | |||
<label class="form-check-label" for="group2">Kansalliskirjasto</label> | |||
</div> | |||
<div class="form-check form-check-inline"> | |||
<input class="form-check-input" type="checkbox" id="group3" value="Palveluntarjoaja"> | |||
<label class="form-check-label" for="group3">Palveluntarjoaja</label> | |||
</div> | |||
<div class="form-check form-check-inline"> | |||
<input class="form-check-input" type="checkbox" id="group4" value="Avoimen tieteen koordinaatio"> | |||
<label class="form-check-label" for="group4">Avoimen tieteen koordinaatio</label> | |||
</div> | |||
<div class="form-check form-check-inline"> | |||
<input class="form-check-input" type="checkbox" id="group5" value="FinELib"> | |||
<label class="form-check-label" for="group5">FinELib</label> | |||
</div> | |||
<div class="form-check form-check-inline"> | |||
<input class="form-check-input" type="checkbox" id="Korkeakoulu" value="Korkeakoulu"> | |||
<label class="form-check-label" for="Korkeakoulu">Korkeakoulu</label> | |||
</div> | </div> | ||
<div class="form-check form-check-inline"> | <div class="form-check form-check-inline"> | ||
<input class="form-check-input" type="checkbox" | <input class="form-check-input" type="checkbox" id="Tutkimusrahoittaja" value="Tutkimusrahoittaja"> | ||
<label class="form-check-label" for=" | <label class="form-check-label" for="Tutkimusrahoittaja">Tutkimusrahoittaja</label> | ||
</div> | </div> | ||
<div class="form-check form-check-inline"> | <div class="form-check form-check-inline"> | ||
<input class="form-check-input" type="checkbox" | <input class="form-check-input" type="checkbox" id="Tutkimusyhteisö" value="Tutkimusyhteisö"> | ||
<label class="form-check-label" for=" | <label class="form-check-label" for="Tutkimusyhteisö">Tutkimusyhteisö</label> | ||
</div> | </div> | ||
<div class="form-check form-check-inline"> | |||
<input class="form-check-input" type="checkbox" id="Organisaatio" value="Organisaatio"> | |||
<label class="form-check-label" for="Organisaatio">Organisaatio</label> | |||
<label for=" | |||
</div> | </div> | ||
<div class="form-check form-check-inline"> | <div class="form-check form-check-inline"> | ||
<input class="form-check-input" type="checkbox" id=" | <input class="form-check-input" type="checkbox" id="Julkaisufoorumi" value="Julkaisufoorumi"> | ||
<label class="form-check-label" for=" | <label class="form-check-label" for="Julkaisufoorumi">Julkaisufoorumi</label> | ||
</div> | </div> | ||
<div class="form-check form-check-inline"> | <div class="form-check form-check-inline"> | ||
<input class="form-check-input" type="checkbox" id=" | <input class="form-check-input" type="checkbox" id="Kustantaja" value="Kustantaja"> | ||
<label class="form-check-label" for=" | <label class="form-check-label" for="Kustantaja">Kustantaja</label> | ||
</div> | </div> | ||
<div class="form-check form-check-inline"> | <div class="form-check form-check-inline"> | ||
<input class="form-check-input" type="checkbox" id=" | <input class="form-check-input" type="checkbox" id="TSV" value="TSV"> | ||
<label class="form-check-label" for=" | <label class="form-check-label" for="TSV">TSV</label> | ||
</div> | </div> | ||
<div class="form-check form-check-inline"> | <div class="form-check form-check-inline"> | ||
<input class="form-check-input" type="checkbox" id=" | <input class="form-check-input" type="checkbox" id="OKM" value="OKM"> | ||
<label class="form-check-label" for=" | <label class="form-check-label" for="OKM">OKM</label> | ||
</div> | </div> | ||
<div class="form-check form-check-inline"> | <div class="form-check form-check-inline"> | ||
<input class="form-check-input" type="checkbox" id=" | <input class="form-check-input" type="checkbox" id="Tutkija" value="Tutkija"> | ||
<label class="form-check-label" for=" | <label class="form-check-label" for="Tutkija">Tutkija</label> | ||
</div> | </div> | ||
</div> | |||
<div class="form-group col-md-6"> | |||
<div id="years" class="form-group col-md-12"> | |||
<div> | |||
<label for="inputPassword4">Filtteröi vuoden mukaan</label> | |||
</div> | |||
<div class="form-check form-check-inline"> | |||
<input class="form-check-input" type="checkbox" id="2020" value="2020"> | |||
<label class="form-check-label" for="2020">2020</label> | |||
</div> | |||
<div class="form-check form-check-inline"> | |||
<input class="form-check-input" type="checkbox" id="2021" value="2021"> | |||
<label class="form-check-label" for="2021">2021</label> | |||
</div> | |||
<div class="form-check form-check-inline"> | |||
<input class="form-check-input" type="checkbox" id="2022" value="2022"> | |||
<label class="form-check-label" for="2022">2022</label> | |||
</div> | |||
<div class="form-check form-check-inline"> | |||
<input class="form-check-input" type="checkbox" id="2023" value="2023"> | |||
<label class="form-check-label" for="2023">2023</label> | |||
</div> | |||
<div class="form-check form-check-inline"> | |||
<input class="form-check-input" type="checkbox" id="2024" value="2024"> | |||
<label class="form-check-label" for="2024">2024</label> | |||
</div> | |||
<div class="form-check form-check-inline"> | |||
<input class="form-check-input" type="checkbox" id="2025" value="2025"> | |||
<label class="form-check-label" for="2025">2025</label> | |||
</div> | |||
</div> | |||
<div id="types" class="form-group col-md-12"> | |||
<div> | |||
<label for="inputPassword4">Filtteröi kohdetyypin mukaan</label> | |||
</div> | |||
<div class="form-check form-check-inline"> | |||
<input class="form-check-input" type="checkbox" id="parentType1" value="Tavoite"> | |||
<label class="form-check-label" for="parentType1">Tavoite</label> | |||
</div> | |||
<div class="form-check form-check-inline"> | |||
<input class="form-check-input" type="checkbox" id="parentType2" value="Periaate"> | |||
<label class="form-check-label" for="parentType2">Periaate</label> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> |
Latest revision as of 05:52, 16 August 2022