Difference between revisions of "Template:Testbuk"
Gianfranco (talk | contribs) (Created page with "<div class="acco" style=" position:fixed; right:28px; top:90px; float:right; →color: #000000; background-color: #E6EFFE;: font-size: 105%; font-family: Arial...") |
Gianfranco (talk | contribs) |
||
| Line 6: | Line 6: | ||
/* color: #000000; | /* color: #000000; | ||
background-color: #E6EFFE; */ | background-color: #E6EFFE; */ | ||
| − | font-size: | + | font-size: 85%; |
font-family: Arial, Helvetica, sans-serif; | font-family: Arial, Helvetica, sans-serif; | ||
/* line-height: 135%; | /* line-height: 135%; | ||
| Line 16: | Line 16: | ||
box-shadow: 4px 4px 45px -5px rgba(0,0,0,0.75);*/ | box-shadow: 4px 4px 45px -5px rgba(0,0,0,0.75);*/ | ||
"> | "> | ||
| + | |||
| + | <h1>LIBER tit <sup>2.0</sup></h1> | ||
| + | <div class="row"> | ||
| + | <div class="col"> | ||
| + | <h2>Open <b>multiple</b></h2> | ||
| + | <div class="tabs"> | ||
| + | <div class="tab"> | ||
| + | <input type="checkbox" id="chck1"> | ||
| + | <label class="tab-label" for="chck1">Item 1</label> | ||
| + | <div class="tab-content"> | ||
| + | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsum, reiciendis! | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="tab"> | ||
| + | <input type="checkbox" id="chck2"> | ||
| + | <label class="tab-label" for="chck2">Item 2</label> | ||
| + | <div class="tab-content"> | ||
| + | Lorem ipsum dolor sit amet consectetur adipisicing elit. A, in! | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col"> | ||
| + | <h2>Open <b>one</b></h2> | ||
| + | <div class="tabs"> | ||
| + | <div class="tab"> | ||
| + | <input type="radio" id="rd1" name="rd"> | ||
| + | <label class="tab-label" for="rd1">Item 1</label> | ||
| + | <div class="tab-content"> | ||
| + | LIBER. | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="tab"> | ||
| + | <input type="radio" id="rd2" name="rd"> | ||
| + | <label class="tab-label" for="rd2">Item 2</label> | ||
| + | <div class="tab-content"> | ||
| + | LIBER2. | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="tab"> | ||
| + | <input type="radio" id="rd3" name="rd"> | ||
| + | <label for="rd3" class="tab-close">Close others ×</label> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
</div></div><noinclude>[[Category:Navigation templates]] </noinclude> | </div></div><noinclude>[[Category:Navigation templates]] </noinclude> | ||
Revision as of 19:12, 17 May 2021
LIBER tit 2.0
Open multiple
<input type="checkbox" id="chck1">
<label class="tab-label" for="chck1">Item 1</label>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsum, reiciendis!
<input type="checkbox" id="chck2">
<label class="tab-label" for="chck2">Item 2</label>
Lorem ipsum dolor sit amet consectetur adipisicing elit. A, in!
Open one
<input type="radio" id="rd1" name="rd">
<label class="tab-label" for="rd1">Item 1</label>
LIBER.
<input type="radio" id="rd2" name="rd">
<label class="tab-label" for="rd2">Item 2</label>
LIBER2.
<input type="radio" id="rd3" name="rd">
<label for="rd3" class="tab-close">Close others ×</label>